/* Tipografias de Roqueta Origen — MAQUETA DE EVALUACION
   - Logotipo: Bariol (atipo). Licencia webfont OK (1 sitio).
   - Resto: New Baskerville. *** SIN LICENCIA TODAVIA ***
     Instalada solo para valorar el diseno antes de comprarla.
     NO SACAR EL SITIO DE MANTENIMIENTO CON ESTA FUENTE PUESTA.
   Backups: /root/bariol.css.bak-* y backups-roqueta-20260720-pre-bariol.tar.gz */

@font-face{
  font-family:"Bariol";
  src:url("../fonts/bariol_regular-webfont.woff2") format("woff2"),
      url("../fonts/bariol_regular-webfont.woff") format("woff");
  font-weight:400; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"Bariol";
  src:url("../fonts/bariol_regular_italic-webfont.woff2") format("woff2"),
      url("../fonts/bariol_regular_italic-webfont.woff") format("woff");
  font-weight:400; font-style:italic; font-display:swap;
}

@font-face{
  font-family:"Baskerville RO";
  src:url("../fonts/NewBaskervilleC.woff2") format("woff2"),
      url("../fonts/NewBaskervilleC.woff") format("woff");
  font-weight:400; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"Baskerville RO";
  src:url("../fonts/NewBaskervilleC-Italic.woff2") format("woff2"),
      url("../fonts/NewBaskervilleC-Italic.woff") format("woff");
  font-weight:400; font-style:italic; font-display:swap;
}
@font-face{
  font-family:"Baskerville RO";
  src:url("../fonts/NewBaskervilleC-Bold.woff2") format("woff2"),
      url("../fonts/NewBaskervilleC-Bold.woff") format("woff");
  font-weight:700; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"Baskerville RO";
  src:url("../fonts/NewBaskervilleC-BoldItalic.woff2") format("woff2"),
      url("../fonts/NewBaskervilleC-BoldItalic.woff") format("woff");
  font-weight:700; font-style:italic; font-display:swap;
}

/* ------------------------------------------------------------------
   El template pide 7 tipografias que NO carga (Marcellus, Libre
   Baskerville, Open Sans, Rubik, Montserrat, Rouge Script, Arial) y
   todas caian en fallbacks del sistema: de ahi la mezcla de estilos.
   Se unifica todo de golpe y se restauran las fuentes de iconos.
   ------------------------------------------------------------------ */
*, *::before, *::after{
  font-family:"Baskerville RO",Georgia,"Times New Roman",serif !important;
}

/* Logotipo: Bariol, la del logo nuevo de RO. */
.logo-roqueta{ font-family:"Bariol","Trebuchet MS",sans-serif !important; }

/* Restaurar iconos, que van por ligadura de fuente y se romperian. */
.fa,.fas,.far,.fab,[class^="fa-"],[class*=" fa-"],
.fa::before,.fas::before,.far::before,.fab::before,
[class^="fa-"]::before,[class*=" fa-"]::before{
  font-family:"Font Awesome 5 Free","Font Awesome 5 Brands",FontAwesome !important;
}
[class^="ti-"],[class*=" ti-"],[class^="ti-"]::before,[class*=" ti-"]::before{
  font-family:themify !important;
}
[class^="icon-"],[class*=" icon-"],[class^="icon-"]::before,[class*=" icon-"]::before{
  font-family:"simple-line-icons" !important;
}
[class^="arrow_"],[class*=" arrow_"],[class^="icon_"],[class*=" icon_"],
[class^="social_"],[class*=" social_"],
[class^="arrow_"]::before,[class*=" arrow_"]::before,
[class^="icon_"]::before,[class*=" icon_"]::before,
[class^="social_"]::before,[class*=" social_"]::before{
  font-family:ElegantIcons !important;
}
.tp-leftarrow,.tp-rightarrow,.tparrows,.tparrows::before,
.tp-bullet,.flex-direction-nav a,.flex-direction-nav a::before,
.owl-nav button,.owl-nav button::before{
  font-family:revicons,"flexslider-icon" !important;
}

/* ------------------------------------------------------------------
   Legibilidad. New Baskerville tiene el ojo mas pequeno que Georgia,
   asi que los 14px del template se quedaban diminutos.
   Se toca SOLO el texto corrido sin clase propia, para no aplastar
   eslogans, titulares ni piezas con tamano de diseno.
   El interlineado NO se toca en <li>: el menu se centra con
   line-height:100px en sus li.
   ------------------------------------------------------------------ */
body{ font-size:17px; line-height:1.75; color:#3a3a3a; }

p:not([class]){
  font-size:17px !important;
  line-height:1.75 !important;
  color:#3a3a3a !important;
}

.container li:not([class]):not(#mainnav li):not(#mainnav-mobi li){
  font-size:17px; line-height:1.75;
}

/* El menu conserva su centrado vertical original. */
header.style1 #mainnav > ul.menu > li{ line-height:100px !important; }
header.style1 .nav-wrap ul li a{ font-size:15px !important; }

/* ------------------------------------------------------------------
   Medida de linea en las paginas interiores.
   No se limita el <p> por su cuenta: dejaba el texto estrecho y la
   imagen a todo lo ancho, con un hueco muerto a la derecha.
   Se limita el bloque entero, asi texto e imagen comparten medida.
   ------------------------------------------------------------------ */
.section-interior .col-lg-10.offset-lg-1{
  max-width:820px;
  margin-left:auto !important;
  margin-right:auto !important;
  flex:0 0 auto;
}

/* ------------------------------------------------------------------
   El footer va sobre fondo oscuro (#2a2622): el color de texto que
   se fija arriba para el cuerpo lo dejaba ilegible. Se restaura el
   tono claro del diseno original en todo el pie.
   ------------------------------------------------------------------ */
footer p, footer p:not([class]),
footer li, footer td, footer span, footer div{
  color:#b5aca0 !important;
}
footer a, footer a:not([class]){ color:#e8e2d8 !important; }
footer a:hover{ color:var(--ro-gold,#c9a227); }
footer .logo-roqueta{ color:#ffffff !important; }

/* ------------------------------------------------------------------
   Linea de tiempo de "Who we are". Sus textos llevan clase propia,
   asi que se quedaron en los 14px del template cuando se subio el
   resto del cuerpo. Se igualan al tamano general.
   ------------------------------------------------------------------ */
.text-history, .text-history-inner{
  font-size:17px !important;
  line-height:1.65 !important;
}
.meta-history{ font-size:20px !important; }
.title-history-top,
.title-history-bottom,
.title-history-right{ font-size:26px !important; }

/* ------------------------------------------------------------------
   Subtitulo sobre "Our Brands" en la home ("Our Wineries"): con la
   tipografia nueva quedaba demasiado grande respecto al titulo.
   ------------------------------------------------------------------ */
.title-section h3.our-product-title a,
.flat-textbox h3.textbox-title a{
  font-size:21px !important;
  letter-spacing:1px;
}

/* Subtitulo del slider mas pequeno (v2). El slider lo pone inline, de ahi el !important. */
.tp-caption.wellcome{
  font-size:clamp(13px, 1.6vw, 26px) !important;
  line-height:1.5 !important;
}