/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/
:focus { outline-style: auto;
outline-color: #FF0000 !important; }
.switcher-wrap{display: none;}
/************************************************/
/* UL en fila (gana por especificidad + !important) */
ul.switcher[data-no-translation] {
  display: flex !important;
  gap: 10px;
  align-items: center;
  padding: 0;
  margin: 0;
  list-style: none;
  flex-wrap: nowrap;
}

/* Cada item en línea */
ul.switcher[data-no-translation] > li {
  /* display: inline-flex !important; */
  align-items: center;
  margin: 0;
  padding: 0;
  width: auto !important;
}

/* Enlace: inline-flex para bandera + texto */
ul.switcher[data-no-translation] > li > a.a-switcher {
  display: inline-flex !important; /* vence al display:block !important anterior */
  align-items: center;
  gap: 6px;
  text-decoration: none !important;
  border-bottom: 1px solid transparent !important;
  padding: 5px 6px !important;
  line-height: 1;
  white-space: nowrap; /* evita salto de línea en Firefox */
}

/* Bandera con pequeño espacio y sin forzar altura rara */
ul.switcher[data-no-translation] > li > a.a-switcher img {
  display: inline-block;
  margin-right: 4px;
  border: 1px solid #fff;
    height: 20px;
    border-radius: 50%;
}

/* .switcher .activado{ opacity: 0.5; filter: grayscale(100%);} */

.switcher .activado{ display: none !important;}
/************************************************/


/* (Opcional) Cargar Roboto Condensed desde Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap');

/* Precio WooCommerce */
.woocommerce .woocommerce-Price-amount,
.woocommerce .price,
.woocommerce .amount,
.woocommerce .woocommerce-Price-currencySymbol, .woocom-list-content .price * {
  color: #be3026 !important;
  font-size: 25px !important;
  font-weight: 700;
  font-family: "Roboto Condensed", Roboto, Arial, sans-serif;
  line-height: 1.2;
}
.woocom-list-content {
  --the7-h1-color: #be3026; /* rojo que quieres */
}
.woocom-list-content h4 a{
  font-size: 25px !important;
  color: #333333 !important;
  font-weight: 700 !important;
  font-family: "Roboto Condensed", Roboto, Arial, sans-serif !important;
  line-height: 1.3 !important;
}
.woocommerce-product-details__short-description {
    font-size: 20px;
    line-height: 24px;
}

.dt-products {margin-top: 50px;}


.single_add_to_cart_button.button {
    height: 100px !important;
}
.berocket_single_filter_widget.berocket_hidden_clickable .bapf_sfilter .bapf_head {
    border: 2px solid #be3026 !important;
    background-color: #be3026 !important;
    color: #ffffff !important;
}




 /* ===== Contact Card (Rank Math) ===== */
.rank-math-contact-info{
  --rmx-bg: #ffffff;
  --rmx-fg: #1a1a1a;
  --rmx-muted: #6b7280;
  --rmx-accent: #ea5535;
  --rmx-border: #ffeeea;
  --rmx-radius: 16px;
  --rmx-shadow: 0 8px 24px rgba(0,0,0,.06);
    

  background: var(--rmx-bg);
  color: var(--rmx-fg);
  border: 1px solid var(--rmx-border);
  border-radius: var(--rmx-radius);
  box-shadow: var(--rmx-shadow);
  padding: clamp(16px, 2.5vw, 28px);
  max-width: 900px;
  margin: 24px auto;
  line-height: 1.55;
  font-size: 16px;
}

/* Layout básico en grid */
.rank-math-contact-info{
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
}
@media (min-width: 720px){
  .rank-math-contact-info{
    grid-template-columns: 1.1fr 1fr;
    gap: 22px;
  }
}

/* Nombre / título */
.rank-math-contact-name{
  grid-column: 1 / -1; /* ocupa todo el ancho */
  margin-bottom: 4px;
}
.rank-math-name{
  margin: 0;
  font-size: clamp(22px, 3.2vw, 30px);
  font-weight: 800;
  letter-spacing: -0.015em;
}
.rank-math-name a{
  color: var(--rmx-fg);
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: border-color .2s ease, color .2s ease;
}
.rank-math-name a:hover,
.rank-math-name a:focus{
  color: var(--rmx-accent);
  border-bottom-color: var(--rmx-accent);
  outline: none;
}

/* Secciones: organización, email, dirección, etc. */
.rank-math-contact-section{
  position: relative;
  padding-left: 44px !important;
}
.rank-math-contact-section label{
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--rmx-muted);
  margin-bottom: 6px;
}

/* Texto / párrafos */
.rank-math-organization-description p{
  margin: 0;
  color: var(--rmx-fg);
}

/* Email */
.rank-math-email a{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--rmx-accent);
  text-decoration: none;
  font-weight: 600;
    font-size: 20px;
}
.rank-math-email a:hover,
.rank-math-email a:focus{
  text-decoration: underline;
  outline: none;
}

/* Dirección */
.rank-math-contact-address address{
  margin: 0;
  font-style: normal;
  color: var(--rmx-fg);
}
.rank-math-contact-address .contact-address-postalCode{
  margin-left: 2px;
}

/* Iconografía con pseudo-elementos (SVG inline como background) */
.rank-math-contact-section::before{
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 38px; height: 38px;
  border-radius: 8px;
  display: inline-block;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 26px 26px !important;
}

/* Iconos por tipo */
.rank-math-contact-name::before{
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23ea5535" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 3l9 7-9 7-9-7 9-7zm0 4.3L6.15 10.5 12 14.7l5.85-4.2L12 7.3z"/></svg>') !important;
}
.rank-math-contact-organization_description::before{
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23ea5535" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 4h16v2H4zm0 4h10v2H4zm0 4h16v2H4zm0 4h10v2H4z"/></svg>') !important;
}
.rank-math-contact-email::before{
    background-image: url('data:image/svg+xml;utf8,<svg fill="%23ea5535" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg>') !important;
}
.rank-math-contact-address::before{
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23ea5535" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2a7 7 0 00-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 00-7-7zm0 9a2 2 0 110-4 2 2 0 010 4z"/></svg>') !important;
}
.rank-math-contact-hours::before{
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23ea5535" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 1a11 11 0 1011 11A11.013 11.013 0 0012 1zm1 11h5v2h-7V6h2z"/></svg>') !important;
}
.rank-math-contact-phone::before{
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23ea5535" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6.6 10.8a15.1 15.1 0 006.6 6.6l2.2-2.2a1 1 0 011.05-.24 11.4 11.4 0 003.6.58 1 1 0 011 1v3.5a1 1 0 01-1 1A17.5 17.5 0 012 5a1 1 0 011-1h3.5a1 1 0 011 1 11.4 11.4 0 00.58 3.6 1 1 0 01-.24 1.05l-2.24 2.15z"/></svg>') !important;
}
.rank-math-contact-additional_info::before{
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23ea5535" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11 9h2v2h-2zm0 4h2v6h-2zM12 2a10 10 0 1010 10A10.011 10.011 0 0012 2z"/></svg>') !important;
}
.rank-math-contact-map, .rank-math-contact-additional_info {
 display: none !important;
}
.rank-math-contact-organization_description {
 grid-column: 1 / -1;
    font-size: 22px;
}
/* Bloques opcionales en tarjetas internas */
.rank-math-contact-info .rank-math-contact-section{
  border: 1px solid var(--rmx-border);
  border-radius: 12px;
  padding: 14px 14px 14px 44px;
}

/* Estado de foco accesible */
.rank-math-contact-info a:focus{
  outline: 2px dashed var(--rmx-accent);
  outline-offset: 2px;
}
.rank-math-opening-time{font-size: 20px;}
.rank-math-phone-number a {
    text-decoration: none;
font-size: 35px;
    font-weight: 900;
}


/* Modo oscuro automático */
@media (prefers-color-scheme: dark){
  .rank-math-contact-info{
    --rmx-bg: #ffffff;
    --rmx-fg: #333333;
    --rmx-muted: #333333;
    --rmx-border: #ffc2b3;
    --rmx-shadow: 0 10px 28px rgba(0,0,0,.35);
  }
  .rank-math-contact-section::before{ background: transparent; }
  .rank-math-contact-info .rank-math-contact-section{
    background: linear-gradient(
  180deg,
  rgba(234, 85, 53, 0.15) 0%,   /* naranja fuerte con transparencia */
  rgba(255, 255, 255, 0.9) 100% /* blanco difuminado abajo */
);
  }
}


/* ==== Bloque Detalles del evento ==== */
.detalles-evento {
  background: #ffefec;              /* fondo claro */
  border: 1px solid #ddd;           /* borde sutil */
  border-radius: 10px;              /* esquinas redondeadas */
  padding: 20px;
  margin-top: 20px;
}

.detalles-evento h3 {
  font-size: 1.4rem;
  margin-bottom: 12px;
  color: #ea5536;                   /* tono elegante azul */
  border-left: 4px solid #ea5536;   /* línea lateral decorativa */
  padding-left: 10px;
}

.detalles-evento ul {
  list-style: none;                 /* quitamos viñetas */
  margin: 0;
  padding: 0;
}

.detalles-evento ul li {
  padding: 8px 0;
  border-bottom: 1px dashed #ccc;   /* separador suave */
  font-size: 1rem;
}

.detalles-evento ul li:last-child {
  border-bottom: none;
}

/* ==== Bloque Info rápida (fecha, hora, lugar) ==== */
.info-evento {
  background: #ffefec;              /* azul claro */
  border-left: 4px solid #ea5536;   /* resalte lateral */
  padding: 15px 20px;
  border-radius: 8px;
  margin-top: 15px;
    margin-bottom: 22px;
  font-size: 1rem;
  line-height: 1.6;
}

.info-evento strong {
  color: #15496e;                   /* destacar negritas */
  font-weight: 600;
}

blockquote{
  position:relative;
  margin:1.5em 0;
  padding:1.2em 1.5em 1.2em 3.2em;
  border-left:5px solid #EA5536;
  background:#ffdcdc;
  border-radius:6px;
  font-style:italic;
}

/* Comilla de apertura grande y con color */
blockquote::before{
  content:"“";
  position:absolute;
  left:1.1rem;
  top:.6rem;
  font-family:inherit;  /* misma fuente que el texto */
  font-weight:700;
  font-size:72px;
  line-height:1;
  color:#EA5455;
}
.vc_btn3.vc_btn3-color-warning,
.vc_btn3.vc_btn3-color-warning.vc_btn3-style-flat {
    color: #FFFFFF;
    background-color: #EA5535 !important;
    border-color: #EA5535 !important;
}
.vc_btn3.vc_btn3-color-warning,
.vc_btn3.vc_btn3-color-warning.vc_btn3-style-flat {
    color: #FFFFFF !important;
    background-color: #EA5535 !important;
    border-color: #EA5535 !important;
}

.vc_btn3.vc_btn3-color-warning:hover,
.vc_btn3.vc_btn3-color-warning.vc_btn3-style-flat:hover {
    background-color: #000000 !important;
    border-color: #000000 !important;
    color: #FFFFFF !important;
}