/*
Theme Name: Kadence Child — OCATOUR
Template: kadence
Version: 2.0.11
Description: Child theme de Kadence que reproduce el diseño del sitio anterior de OCATOUR (Salient) sobre Kadence.
Text Domain: kadence-child
*/
:root { --oc-orange: #ff681a; --oc-orange-dark: #dd5a12; --oc-text: #676767; --oc-dark: #252525; --oc-grey: #f5f5f5; --oc-topbar: #bcbcbc; }

/* ===== Tipografía global (Raleway fina como el sitio anterior) ===== */
body { font-family: Raleway, Lato, sans-serif; font-size: 14px; line-height: 26px; color: var(--oc-text); }
h1, h2, h3, h4 { font-family: Raleway, sans-serif; color: var(--oc-text); font-weight: 300; }
h1 { font-weight: 200; }
.entry-content h2 { font-size: 34px; line-height: 1.2; }
.entry-content h3 { font-size: 22px; line-height: 1.25; font-weight: 400; }
a { color: var(--oc-orange); }

/* ===== Botón estándar del sitio anterior (naranja, cuadrado, mayúsculas, Open Sans) ===== */
.oc-btn, .ocatour-wa, a.ocatour-wa, .wp-block-button__link, .fluentform .ff-btn-submit, .kb-button {
	display: inline-block; background: var(--oc-orange); color: #fff !important; font-family: "Open Sans", Lato, sans-serif; font-size: 12px; font-weight: 700;
	letter-spacing: 2px; text-transform: uppercase; line-height: 1; padding: 14px 18px; border-radius: 0; border: 0; text-decoration: none; transition: background .2s;
}
.oc-btn:hover, .ocatour-wa:hover, .wp-block-button__link:hover, .fluentform .ff-btn-submit:hover { background: var(--oc-orange-dark); color: #fff; }
.oc-btn--outline { background: transparent; border: 2px solid #fff; padding: 12px 16px; }
.oc-btn--outline:hover { background: #fff; color: var(--oc-orange) !important; }

/* ===== Cabecera ===== */
.site-top-header-wrap { font-size: 13px; }
.site-top-header-wrap a, .site-top-header-wrap .header-html { color: #4a4a4a; }
.site-top-header-wrap .header-html a { color: #4a4a4a; }
.site-top-header-wrap .social-button { color: #4a4a4a !important; }
.site-main-header-wrap { box-shadow: 0 0 3px rgba(0,0,0,.22); }
.header-navigation .header-menu-container > ul > li > a { font-family: Lato, sans-serif; font-size: 15px; color: #888; }
.header-navigation .header-menu-container > ul > li > a:hover, .header-navigation .header-menu-container > ul > li.current-menu-item > a { color: #666; }
.header-navigation .header-menu-container > ul > li.current-menu-item > a::after, .header-navigation .header-menu-container > ul > li > a::after { background: var(--oc-orange); }
.header-button, .mobile-header-button { font-family: Lato, sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 0; text-transform: none; border-radius: 0; padding: 9px 14px; color: #fff !important; background: var(--oc-orange); }
.header-button:hover, .mobile-header-button:hover { background: var(--oc-orange-dark); }

/* ===== Portada: slider a pantalla completa ===== */
.oc-hero { position: relative; min-height: min(calc(100vh - 129px), 900px); display: flex; align-items: center; overflow: hidden; color: #fff; background: #222; }
.oc-hero__bg { position: absolute; inset: 0; background-size: cover; background-position: center; opacity: 0; animation: ocFade 21s infinite; }
.oc-hero__bg:nth-child(1) { animation-delay: 0s; } .oc-hero__bg:nth-child(2) { animation-delay: 7s; } .oc-hero__bg:nth-child(3) { animation-delay: 14s; }
@keyframes ocFade { 0% { opacity: 0; } 6% { opacity: 1; } 33% { opacity: 1; } 40% { opacity: 0; } 100% { opacity: 0; } }
.oc-hero::after { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.32); }
.oc-hero__content { position: relative; z-index: 1; width: 100%; max-width: 1290px; margin: 0 auto; padding: 80px 30px 140px; }
.oc-hero--center .oc-hero__content { text-align: center; }
.oc-hero--right .oc-hero__content { text-align: left; padding-left: 52%; }
.oc-kicker { font-family: Raleway, sans-serif; font-weight: 300; font-size: 25px; line-height: 1.2; margin: 0; color: inherit; }
.oc-hero .oc-brand { font-family: Raleway, sans-serif; font-size: 76px; line-height: 1.05; font-weight: 200; color: #fff; margin: 0; letter-spacing: 1px; }
.oc-hero h1.oc-sub { color: #fff; font-weight: 300; font-size: 25px; margin: 0 0 24px; }
.oc-hero .oc-sub { font-family: Raleway, sans-serif; font-weight: 300; font-size: 25px; line-height: 1.3; margin: 0 0 24px; }
.oc-hero .oc-btn { margin: 0 8px 8px 0; }

/* ===== Cuatro tarjetas de regiones ===== */
.oc-cards4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 26px; max-width: 1290px; margin: -70px auto 0; padding: 0 30px; position: relative; z-index: 2; }
.oc-card { position: relative; overflow: hidden; background: #fff; background-size: cover; background-position: center; box-shadow: 0 8px 24px rgba(0,0,0,.12); min-height: 350px; padding: 50px 28px 40px; text-align: center; }
.oc-card::before { content: ""; position: absolute; inset: 0; background: #fff; transition: background .35s; }
.oc-card > * { position: relative; }
.oc-card h2, .oc-card h3 { font-size: 25px; font-weight: 300; margin: 0 0 14px; color: var(--oc-text); transition: color .35s; }
.oc-card p { margin: 0; transition: color .35s; }
.oc-card:hover::before { background: rgba(0,0,0,.5); }
.oc-card:hover h2, .oc-card:hover h3, .oc-card:hover p { color: #fff; }

/* ===== Bienvenidos ===== */
.oc-welcome { text-align: center; max-width: 900px; margin: 0 auto; padding: 120px 30px 100px; }
.oc-welcome .oc-kicker { color: var(--oc-orange); }
.oc-welcome h2 { font-size: 64px; line-height: 1.05; font-weight: 200; margin: 0 0 26px; }
.oc-welcome p { font-style: italic; font-size: 16px; line-height: 1.9; margin: 0 0 30px; }

/* ===== Bloque partido foto + panel naranja ===== */
.oc-split { display: grid; grid-template-columns: 1fr 1fr; min-height: 500px; }
.oc-split__img { background-size: cover; background-position: center; min-height: 320px; }
.oc-split__box { background: var(--oc-orange); color: #fff; padding: 80px 70px; display: flex; flex-direction: column; justify-content: center; }
.oc-split__box .oc-kicker { font-size: 22px; }
.oc-split__box h2 { color: #fff; font-size: 44px; line-height: 1.1; font-weight: 300; text-transform: uppercase; margin: 0 0 20px; }
.oc-split__box p { color: #fff; margin: 0 0 26px; }

/* ===== Secciones de tarjetas (estilo "Últimos post") ===== */
.oc-grey { background: var(--oc-grey); padding: 100px 0 110px; }
.oc-section-title { text-align: center; font-size: 34px; font-weight: 300; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 50px; }
.oc-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; max-width: 1290px; margin: 0 auto; padding: 0 30px; }
.oc-pcard { background: #fff; box-shadow: 0 4px 18px rgba(0,0,0,.08); display: flex; flex-direction: column; }
.oc-pcard img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; }
.oc-pcard__body { padding: 0 26px 30px; text-align: center; }
.oc-pcard__label { display: inline-block; background: var(--oc-orange); color: #fff; font-family: "Open Sans", sans-serif; font-size: 10px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; padding: 7px 12px; margin: -16px 0 16px; position: relative; }
.oc-pcard h3 { font-size: 22px; font-weight: 300; margin: 0 0 10px; } .oc-pcard h3 a { color: var(--oc-text); text-decoration: none; } .oc-pcard h3 a:hover { color: var(--oc-orange); }
.oc-pcard p { font-size: 13px; line-height: 22px; margin: 0 0 14px; }
.oc-pcard .oc-more { font-family: "Open Sans", sans-serif; font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--oc-orange); text-decoration: none; }

/* ===== Banda naranja ===== */
.oc-band { background: var(--oc-orange); color: #fff; padding: 36px 30px; }
.oc-band__in { max-width: 1290px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.oc-band h2 { color: #fff; font-size: 22px; font-weight: 400; margin: 0; }

/* ===== Cabecera de páginas interiores (bloque cover) ===== */
.wp-block-cover.oc-pageheader { min-height: 430px; }
.wp-block-cover.oc-pageheader h1 { font-size: 54px; line-height: 1.1; font-weight: 300; text-transform: uppercase; letter-spacing: 1px; text-shadow: 0 2px 12px rgba(0,0,0,.35); }
.wp-block-cover.oc-pageheader p { font-weight: 300; font-size: 22px; text-shadow: 0 1px 8px rgba(0,0,0,.35); }
.wp-block-cover.oc-pageheader .oc-kicker { color: var(--oc-orange); text-transform: uppercase; font-family: "Open Sans", sans-serif; font-weight: 600; font-size: 13px; letter-spacing: 3px; text-shadow: none; margin-bottom: 4px; }
.oc-raised { background: #fff; box-shadow: 0 10px 40px rgba(0,0,0,.15); max-width: 1100px; margin: -100px auto 70px; position: relative; z-index: 2; display: grid; grid-template-columns: 1fr 1fr; }
.oc-raised__text { padding: 56px 50px; } .oc-raised__text p { margin: 0 0 18px; }
.oc-raised__img { background-size: cover; background-position: center; min-height: 340px; }
.oc-list { list-style: none; padding: 0; margin: 0 0 24px; }
.oc-list li { position: relative; padding-left: 28px; margin-bottom: 8px; }
.oc-list li::before { content: ""; position: absolute; left: 0; top: 8px; width: 10px; height: 10px; border: 2px solid var(--oc-orange); }
.oc-contact-icons { display: grid; gap: 34px; align-content: center; text-align: center; color: #fff; }
.oc-contact-icons .oc-ico { width: 52px; height: 52px; border: 2px solid var(--oc-orange); border-radius: 50%; margin: 0 auto 12px; display: flex; align-items: center; justify-content: center; color: var(--oc-orange); font-size: 22px; }
.oc-contact-icons a { color: #fff; }
.oc-formcard { background: #fff; box-shadow: 0 10px 40px rgba(0,0,0,.2); padding: 40px; }

/* ===== Páginas de tour (estilo del sitio anterior) ===== */
.ocatour-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 26px 0 18px; padding: 0; list-style: none; }
.ocatour-chips li { background: #fff; border: 1px solid var(--oc-orange); color: var(--oc-text); font-family: "Open Sans", sans-serif; font-size: 11px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; padding: 6px 12px; }
.ocatour-details { width: 100%; border-collapse: collapse; margin: 0 0 24px; }
.ocatour-details th, .ocatour-details td { text-align: left; padding: 10px 12px; border-bottom: 1px solid #e6e6e6; vertical-align: top; }
.ocatour-details th { width: 34%; font-weight: 700; background: var(--oc-grey); }
.ocatour-price { background: var(--oc-grey); border-left: 4px solid var(--oc-orange); padding: 22px 24px; margin: 0 0 24px; }
.ocatour-price strong { font-size: 17px; }
.ocatour-cta { background: var(--oc-orange); color: #fff; padding: 34px 32px; margin: 36px 0; }
.ocatour-cta h2, .ocatour-cta h3, .ocatour-cta p { color: #fff; } .ocatour-cta h2 { font-size: 30px; font-weight: 300; }
.ocatour-cta .ocatour-wa { background: #fff; color: var(--oc-orange) !important; } .ocatour-cta .ocatour-wa:hover { background: #ffe9dc; }
.ocatour-incl { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.ocatour-note { font-size: .92rem; }
.rank-math-faq-item { border-bottom: 1px solid #e6e6e6; padding: 8px 0 12px; } .rank-math-question { font-size: 18px; margin: 8px 0 4px; }
.wp-block-columns .wp-block-image img { aspect-ratio: 4 / 3; object-fit: cover; width: 100%; height: auto; }

/* ===== Pie ===== */
#colophon, .site-footer { background: var(--oc-dark); color: #ccc; font-size: 13px; }
#colophon a { color: #ccc; text-decoration: none; } #colophon a:hover { color: var(--oc-orange); }
#colophon h3, #colophon h4, #colophon h5, #colophon .widget-title { color: #777; font-family: "Open Sans", sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; margin: 0 0 20px; }
#colophon ul { list-style: none; margin: 0; padding: 0; } #colophon li { margin: 0 0 8px; }
.oc-foot-ico { display: inline-block; width: 14px; height: 14px; border: 2px solid var(--oc-orange); margin-right: 12px; vertical-align: middle; }
.oc-social a { display: inline-block; width: 26px; height: 26px; border: 2px solid #fff; margin: 24px 30px 0 0; }
.oc-social a:hover { border-color: var(--oc-orange); }
.oc-foot-logo img { max-width: 230px; height: auto; }
.oc-langs select, .oc-langs .pll-switcher-select { background: #2b2b2b; color: #ddd; border: 1px solid #444; padding: 8px 10px; width: 100%; font-family: Raleway, sans-serif; }
.site-bottom-footer-wrap { background: #1f1f1f; color: #777; font-size: 12px; }

/* ===== Responsive ===== */
@media (max-width: 1024px) { .oc-hero .oc-brand { font-size: 60px; } .oc-cards4 { grid-template-columns: 1fr 1fr; } .oc-grid { grid-template-columns: 1fr 1fr; } .oc-hero--right .oc-hero__content { padding-left: 30px; } }
@media (max-width: 720px) { .oc-hero { min-height: min(70vh, 640px); } .oc-hero .oc-brand { font-size: 46px; letter-spacing: 0; } .oc-hero .oc-kicker, .oc-hero h1.oc-sub { font-size: 19px; } .oc-cards4, .oc-grid, .oc-split, .oc-raised, .ocatour-incl { grid-template-columns: 1fr; } .oc-split__box { padding: 50px 30px; } .oc-welcome h2 { font-size: 44px; } .wp-block-cover.oc-pageheader h1 { font-size: 34px; } .oc-raised { margin-top: -40px; } }

/* ===== Ajustes v2.0.1 ===== */
.oc-hero { max-height: 900px; }
.site-top-header-wrap .oc-langs { display: inline-block; vertical-align: middle; }
.site-top-header-wrap .oc-langs ul { display: inline-flex; gap: 12px; margin: 0 0 0 6px; padding: 0; list-style: none; }
.site-top-header-wrap .oc-langs li { margin: 0; } .site-top-header-wrap .oc-langs a { text-decoration: none; }
.site-top-header-wrap .header-html { display: flex; align-items: center; gap: 8px; }
.site-top-header-wrap .social-button { background: transparent !important; border: 0 !important; color: #fff !important; padding: 0 4px; }
.site-top-header-wrap .social-button:hover { color: #ff681a !important; }
#colophon .footer-navigation ul { display: flex; flex-direction: column; align-items: flex-start; gap: 0; }
#colophon .footer-navigation li { margin: 0 0 8px; } #colophon .footer-navigation a { padding: 0; font-size: 13px; }
#colophon .footer-widget-area { font-size: 13px; }

.oc-hero__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.oc-split__img, .oc-raised__img { background-color: #ddd; }


/* ===== v2.0.6: topbar en una línea ===== */
.site-top-header-wrap .site-header-item { display: flex; align-items: center; }
.site-top-header-wrap .header-html, .site-top-header-wrap .header-html-inner { display: flex; align-items: center; }
.site-top-header-wrap .oc-top-inline { display: inline-flex; align-items: center; flex-wrap: nowrap; white-space: nowrap; gap: 10px; }
.site-top-header-wrap .oc-top-inline .oc-langs { display: inline-flex; align-items: center; }
.site-top-header-wrap .oc-top-inline .oc-langs ul { display: inline-flex; gap: 10px; margin: 0; padding: 0; list-style: none; }
.site-top-header-wrap .oc-top-inline .oc-langs li { margin: 0; }
.site-top-header-wrap .oc-top-inline .oc-langs a { text-decoration: none; padding: 0 2px; }
.site-top-header-wrap .oc-top-inline .oc-top-sep { opacity: .6; margin: 0 4px; }
.footer-widget-area .oc-langs { display: none; }  /* por seguridad, si quedara algún widget viejo */
@media (max-width: 720px) {
  .site-top-header-wrap .oc-top-inline { gap: 6px; }
  .site-top-header-wrap .oc-top-inline .oc-top-sep { display: none; }
  .site-top-header-wrap .oc-top-inline a[href^="mailto"] { display: none; }  /* solo redes + idioma en móvil */
}


/* ===== v2.0.7: alineación de la topbar ===== */
.site-top-header-wrap .site-header-row-inner-wrap { align-items: center; min-height: 34px; }
.site-top-header-wrap .site-header-row-container-inner { display: flex; align-items: center; }
.site-top-header-wrap .site-header-item, 
.site-top-header-wrap .site-header-item * { line-height: 34px; }
.site-top-header-wrap .oc-top-inline { line-height: 34px; height: 34px; }
.site-top-header-wrap .header-html-inner p { margin: 0; line-height: 34px; }
.site-top-header-wrap .oc-top-inline a[href^="mailto"] { color: #4a4a4a; text-decoration: underline; }
.site-top-header-wrap .social-show-label-false .social-button { padding: 0 6px; height: 34px; display: inline-flex; align-items: center; }


/* ===== v2.0.8: topbar contenida + banderas ===== */
.site-top-header-wrap .site-container, 
.site-top-header-wrap .site-header-inner-wrap { max-width: 1290px; margin: 0 auto; }
.site-top-header-wrap .site-header-row-container-inner { display: flex; align-items: center; justify-content: space-between; }
.site-top-header-wrap .site-header-item-social-1 { padding-left: 0; }
.site-top-header-wrap .site-header-item-html-1 { padding-right: 0; }
.oc-langs img.flag { vertical-align: middle; margin-right: 4px; width: 16px; height: 11px; display: inline-block; box-shadow: 0 0 1px rgba(0,0,0,.4); }
.oc-langs a { display: inline-flex; align-items: center; gap: 4px; }
.site-top-header-wrap .oc-top-inline .oc-langs { gap: 8px; }
@media (max-width: 720px) {
  .oc-langs img.flag { width: 14px; height: 10px; }
}


/* ===== v2.0.9: topbar distribuida al ancho contenido; pie a 15 px ===== */
.site-top-header-wrap .site-top-header-inner-wrap {
  display: flex !important;
  align-items: center;
  justify-content: space-between !important;
  width: 100%;
  min-height: 34px;
}
.site-top-header-wrap .site-top-header-inner-wrap > .site-header-section-left { margin-right: auto; padding-left: 0; }
.site-top-header-wrap .site-top-header-inner-wrap > .site-header-section-right { margin-left: auto; padding-right: 0; }
.site-top-header-wrap .site-container { max-width: 1290px; padding-left: 30px; padding-right: 30px; }
@media (max-width: 1290px) {
  .site-top-header-wrap .site-container { padding-left: 20px; padding-right: 20px; }
}

/* Pie: aumentar tamaño de texto para alinearlo con el resto del sitio */
#colophon, .site-footer, #colophon p, #colophon a { font-size: 15px; line-height: 1.8; }
#colophon .footer-navigation a { font-size: 15px; }
#colophon h3, #colophon h4, #colophon .widget-title { font-size: 13px; letter-spacing: 2px; }
.site-bottom-footer-wrap p, .site-bottom-footer-wrap { font-size: 13px; }
.oc-foot-ico { width: 12px; height: 12px; margin-right: 14px; }


/* ===== v2.0.10: forzar distribución real de la topbar ===== */
.site-top-header-wrap .site-container,
.site-top-header-wrap .site-top-header-inner-wrap {
  max-width: 1290px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.site-top-header-wrap .site-top-header-inner-wrap {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px;
}
.site-top-header-wrap .site-top-header-inner-wrap > .site-header-section-left {
  order: 0; margin: 0 auto 0 0 !important; padding: 0 !important;
  flex: 0 0 auto; display: flex; align-items: center;
}
.site-top-header-wrap .site-top-header-inner-wrap > .site-header-section-right {
  order: 2; margin: 0 0 0 auto !important; padding: 0 !important;
  flex: 0 0 auto; display: flex; align-items: center;
}
.site-top-header-wrap .site-header-row-container-inner { width: 100%; }


/* ===== v2.0.11: iconos SVG en el pie ===== */
#colophon .oc-foot-svg { display: inline-block; vertical-align: middle; margin-right: 14px; flex-shrink: 0; }
#colophon p { display: flex; align-items: center; gap: 0; margin-bottom: 8px; }
#colophon p a { color: #ccc; }