/*
Theme Name: Bootstrap Template
Theme URI: https://Marcelo.com
Author: Marcelo MAM
Author URI: https://github.com/devmarce/boostraptemplate
Description: Bootstrap v.4 basic theme for developers to build their new theme very fast and easy. (WordPress 5 or Gutenberg ready.) The concept is to keep it basic, no rich features, no additional functions; all of these for theme developers will be easier to start develop their theme. Please read notice on Bootstrap Basic 4 Help page in Dashboard > Appearance > Bootstrap Basic4 Help.
Version: 1.4.3
Requires PHP: 5.5
Requires at least: 5.0
Tested up to: 6.9
License: MIT
License URI: https://www.gnu.org/licenses/
Text Domain: bootstrap-basic4
Domain Path: /languages/
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-menu, featured-images, post-formats, threaded-comments, translation-ready, editor-style, blog

This theme built with Twitter Bootstrap v.4. It is basic theme with basic style for build new theme with Bootstrap.

*/


/*
Required WordPress CSS
*/

/* Registro de fuentes TTF */
@font-face {
  font-family: "Ephesis";
  src: url("assets/fonts/Ephesis-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Federo";
  src: url("assets/fonts/Federo-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "ShadowsIntoLight";
  src: url("assets/fonts/ShadowsIntoLight-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Marcellus";
  src: url("assets/fonts/Marcellus-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

/*Marcellus-Regular.ttf*/



/* ==============================
   Variables principales del theme
   ============================== */
:root {
  /* Colores base */
  --color-primary: #e7a6c7 !important;
  --color-secondary: rgb(65 0 149) !important;
  --color-manga: rgb(250 7 166) !important;

  /* amarillo destacado */
  --color-accent: #e74c3c;
  /* rojo para alertas */
  --color-whithe: #ffffff;
  --color-black: #000;


  /* Tipografía */
  --font-dulcing: "Ephesis", cursive;
  --font-serius: "Federo", sans-serif;
  --font-normal: "Marcellus", sans-serif;
  --font-informal: "ShadowsIntoLight", cursive;
  --font-heading: 'Montserrat', sans-serif;
  --font-size-base: 1rem;
  --font-size-sm: 14px;
  --font-size-lg: 20px;

  /* Espaciados */
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 2rem;
  --spacing-xl: 4rem;

  /* Bordes radius */
  --border-radius-sm: 0.2rem;
  --border-radius-md: 0.5rem;
  --border-radius-lg: 1rem;

  /* Z-index */
  --z-navbar: 1000;
  --z-modal: 1050;
  --z-tooltip: 1100;
}

/* Clases para funetes */
.f-dulcing {
  font-family: var(--font-dulcing);
}

.f-serius {
  font-family: var(--font-serius);
}

.f-normal {
  font-family: var(--font-normal);
}

.f-informal {
  font-family: var(--font-informal);
}

.color-primary {
  color: var(--color-manga) !important;
}


body {
  font-family: var(--font-serius);
  font-size: var(--font-size-base);
  color: var(--color-whithe);
  background-color: var(--color-background);
}

.h1 {
  font-size: 2.1rem !important;
}

.h2 {
  font-size: 1.7rem !important;
}

.h3 {
  font-size: 1.5rem !important;
}

.h4 {
  font-size: 1.2rem !important;
}

.h5 {
  font-size: 1.1rem !important;
}

.h6 {
  font-size: 1rem !important;
}

/* ================BACKGROUND COLORS===================== */
.bg-oro-dulcing {
    background: linear-gradient(to bottom, #ff7ee9 27%, #f0b3ff 40%, #65027c 78%);
}

.bg-oro-manga {
    background: linear-gradient(to bottom, #d901cf 27%, #e21dac 40%, #9f05a3 78%);
}

.bg-oro {
    background: linear-gradient(to bottom, #cfc09f 27%, #ffecb3 40%, #664d07 78%);
}

.bg-lila {
  background-color: #b04ff4 !important;
}
.bg-header {
  background-color: var(--color-primary);
}

.bg-manga {
  background-color: var(--color-manga) !important;
}

.bg-black {
  background-color: black !important;
}

/* ‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖ STYLE BUTTOM ‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖ */
.btn-bg-white {
  background: #fff !important;
}

.btn-bg-white:hover {
  cursor: pointer;

}

/* btn Solicitar Azul */
.btn-primary-form {
  background: var(--color-secondary) !important;
  color: #fff !important;
}

.btn-primary-form:hover {
  background: var(--color-primary) !important;
  color: var(--color-secondary) !important;
  cursor: pointer;
}

/* btn Solicitar Pal */
.btn-primary {
  background: var(--color-manga) !important;
  color: #fff !important;
  border: none !important;
}

.btn-primary:hover {
  background: var(--color-primary) !important;
  color: var(--color-secondary) !important;
  cursor: pointer;
}

/* btn Solicitar Azul */
.btn-whatsapp {
  background: linear-gradient(to bottom, #52b35a -10%, #b3ffb5 5%, #0a7c02 159%) !important;
  color: #fff !important;
}

.btn-whatsapp:hover {
  background: linear-gradient(to bottom, #b3528c -10%, #ffb3f6 5%, var(--color-manga) 159%) !important;
  color: white !important;
  cursor: pointer;

}

.fw-400 {
  font-weight: 400 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.fw-bolder {
  font-weight: bolder !important;
}

.fw-bold {
  font-weight: bold !important;
}

.border-manga {
  border: 1px solid var(--color-manga) !important;
}

.border-oro {
  border: 2px #b38f07 solid !important;
}

/* ‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖ STYLES MODAL FORMS ‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖ */
/* ===== Modal ===== */
.modal-content {
  border-radius: 8px;
  border: 1px solid var(--color-primary);
  overflow: hidden;
}

.modal-header {
  background-color: var(--color-primary);
  color: #fff;
}

.modal-title {
  font-size: 1.2rem;
  font-weight: 600;
}

.modal-header .btn-close {
  background: #ff000000;
  color: #fff;
  border: none;
}

.modal-header .btn-close:hover {
  transform: scale(1.2);
  font-weight: 700;
}

.modal-body {
  padding: 0.5rem 0rem !important;
}

.modal-title-destac {
  color: var(--color-secondary);
  font-weight: bold;
}

/* END: style modal form */

/* ‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖ STYLES CAMPOS FORMS CF7 ‖‖‖‖‖‖‖‖‖‖‖‖‖‖‖ */
/* ===== General form layout ===== */
.wpcf7-form .row {
  margin: 0;
}

.wpcf7-form .col-12 {
  margin-bottom: 0px !important;
}

/* ===== Formulario CF7 ===== */
.wpcf7-form .row {
  margin: 0;
}

.wpcf7-form .row p {
  margin: 0.5rem !important;
}

/* ===== Select (modelo) ===== */
.wpcf7-form select {
  width: 100%;
  padding: 0.45rem 1rem;
  border: 1px solid var(--color-primary);
  border-radius: 6px;
  background-color: #fff;
  color: #333;
  font-size: 0.95rem;
  transition: all 0.3s ease;
  appearance: none;
  /* elimina estilos nativos */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%230056B3' stroke-width='2' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 12px 8px;
}

.wpcf7-form select:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 6px rgba(0, 86, 179, 0.3);
}

/* Opciones dentro del select */
.wpcf7-form select option {
  padding: 0.5rem;
  color: #333;
}

/* Inputs y textarea */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="number"],
.wpcf7-form textarea {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid var(--color-primary);
  border-radius: 4px;
  background-color: #fff;
  color: #333;
  transition: all 0.3s ease;
}

.wpcf7-form input:focus,
.wpcf7-form textarea:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 6px rgba(0, 86, 179, 0.3);
}

/* Checkbox / aceptación */
.wpcf7-form .wpcf7-form-control-wrap label {
  margin-bottom: 0px !important;
}

.wpcf7-form .wpcf7-form-control-wrap {
  font-size: 0.9rem;
  color: #333;
}

/* ===== Submit button ===== */
.wpcf7-form input[type="submit"] {
  background-color: var(--color-primary);
  color: #fff;
  border: none;
  padding: 0.5rem 1.5rem;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.wpcf7-form input[type="submit"]:hover {
  background-color: var(--color-secondary);
  color: var(--color-primary);
  border: 1px solid var(--color-primary);
}

/* ===== Inputs & Textareas ===== */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="number"],
.wpcf7-form textarea {
  width: 100%;
  padding: 0.45rem 1rem;
  border: 1px solid var(--color-primary);
  border-radius: 6px;
  background-color: #fff;
  color: #333;
  font-size: 0.95rem;
  transition: all 0.3s ease;
}

.wpcf7-form input:focus,
.wpcf7-form textarea:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 6px rgba(0, 86, 179, 0.3);
}

/* Placeholder styling */
.wpcf7-form ::placeholder {
  color: #777;
  font-style: italic;
}

/* ===== Checkbox / aceptación ===== */
.acceptance p {
  margin: 0px !important;
}

.wpcf7-form .acceptance label {
  display: flex;
  align-items: center;
  font-size: 0.9rem;
  color: #333;
  cursor: pointer;
}

.wpcf7-form .acceptance input[type="checkbox"] {
  accent-color: var(--color-primary);
  margin-right: 0.5rem;
}

/* ===== Response messages ===== */
.wpcf7-response-output {
  margin-top: 1rem;
  padding: 0.75rem 1rem;
  border-radius: 6px;
  font-size: 0.9rem;
}

.wpcf7-response-output.wpcf7-mail-sent-ok {
  background-color: #d4edda;
  color: #155724;
  border: 1px solid #c3e6cb;
}

.wpcf7-response-output.wpcf7-validation-errors,
.wpcf7-response-output.wpcf7-mail-sent-ng {
  background-color: #f8d7da;
  color: #721c24;
  border: 1px solid #f5c6cb;
}

/* END: style campos CF7 */

.reflejo {
  -webkit-box-reflect: below 0 linear-gradient(to bottom, rgba(0, 0, 0, 0.25), rgb(255 255 255 / 9%));
  text-shadow: 2px 2px 6px rgb(255 255 255 / 39%);
}

.oro-leter {
    background: linear-gradient(to bottom, #cfc09f 27%, #ffecb3 40%, #664d07 78%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #fff;
    position: relative;
    margin: 0;
    font-weight: 400;
}

.oro-leter::after {
    background: none;
    content: attr(data-heading) / "";
    left: 0;
    top: 0;
    z-index: -1;
    position: absolute;
    text-shadow:
        -1px 0 1px #c6bb9f,
        0 1px 1px #c6bb9f,
        5px 5px 10px rgba(0, 0, 0, 0.4),
        -5px -5px 10px rgba(0, 0, 0, 0.4);
}


/* HOMEPAGE STYLES CSS */

/* =====COMP: homepage-eventos-home */
@media (max-width: 556px) {
  #component-events .container h2 {
    font-size: 2rem;
  }
}

/* A partir de pantallas grandes (≥1200px) */
@media (min-width: 1200px) {
  #component-events .container h2 {
    font-size: 3.5rem;
  }
}

/* =====COMP: homepage-banner-destacado */
#component-banner-destacado {
  background-size: cover;
  background-position: center;
  padding: 80px 100px;
  color: #fff;
  min-height: 35rem;
}
@media (max-width: 556px) {
  #component-banner-destacado {
    padding: 1.2rem;
  }
  #component-banner-destacado .title-banner{
    font-size: 2.2rem;
  }
  #component-banner-destacado .lead {
    font-size: 1.2rem;
  }
}