/*
Theme Name: Landing-Theme-Speed
Theme URI: https://creatribu.com/
Author: Creatribu DBloper
Author URI: https://creatribu.com/
Description: Tema desarrollado por Creatribu para especialistas en SEO. Es una web rápida y optimizada de fácil instalación y configuración con jerarquía 100% SEO.
Version: 1.1.0
Text Domain: landing-theme-speed
Requires at least: 6.0
Tested up to: 6.6 
Requires PHP: 8.0
License: Licencia LifeTime solo para personas que acrediten la descarga en creatribu.com
*/
:root{ --primary:#e91e63; --text:#111; --bg:#ffffff; }
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:var(--bg);line-height:1.5}
img{max-width:100%;height:auto}
a{color:var(--primary);text-decoration:none;transition:color .2s ease,background-color .2s ease}
.container{width:min(1200px,92%);margin-inline:auto}
header.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #eee}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0}
.site-branding img{max-width:200px;height:auto}
.nav-toggle{display:none;background:none;border:1px solid #ddd;padding:8px 10px;border-radius:8px}
.primary-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:18px;align-items:center}
.primary-nav a{padding:8px 10px;border-radius:8px}
.primary-nav a:hover{color:#000000}
.primary-nav .btn-contact{background:var(--primary);color:#fff;border:1px solid transparent}
.primary-nav .btn-contact:hover{background:#000000;color:#ffffff}
@media (max-width: 900px){
  .nav-toggle{display:inline-flex}
  .primary-nav{display:none;position:absolute;right:0;top:60px;background:#fff;border:1px solid #eee;border-radius:12px;padding:12px;box-shadow:0 10px 30px rgba(0,0,0,.06)}
  .primary-nav.open{display:block}
  .primary-nav ul{flex-direction:column;align-items:flex-start}
}
.hero{position:relative;min-height:60vh;display:grid;place-items:center;text-align:center;color:#fff}
.hero::before{content:"";position:absolute;inset:0;background-size:cover;background-position:center}
.hero::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.75)}
.hero > .content{position:relative;z-index:1;padding:60px 0}
.hero h1{font-size:clamp(32px,6vw,56px);margin:0 0 12px}
.hero p{font-size:clamp(18px,3vw,22px);margin:0}
section{padding:64px 0}
section.center{text-align:center}
.grid{display:grid;gap:22px}
.grid.cols-3{grid-template-columns:repeat(3,1fr)}
.grid.cols-2{grid-template-columns:repeat(2,1fr)}
@media (max-width: 900px){ .grid.cols-3{grid-template-columns:repeat(2,1fr)} }
@media (max-width: 640px){ .grid.cols-3,.grid.cols-2{grid-template-columns:1fr} }
.card{border:1px solid #eee;border-radius:14px;padding:18px;text-align:left;background:#fff}
.icon{width:44px;height:44px;display:inline-block;margin-bottom:10px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center}
@media (max-width: 900px){.split{grid-template-columns:1fr}}
.cta{background:#fafafa;border:1px solid #e6e6e6;border-radius:18px;padding:26px}
.cta .btn{display:inline-block;margin-top:10px;background:var(--primary);color:#fff;padding:10px 16px;border-radius:10px;border:1px solid transparent}
.cta .btn:hover{background:#000000;color:#ffffff}
footer.site-footer{border-top:1px solid #eee;padding:26px 0}
footer .footer-inner{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
footer .site-branding img{max-width:200px;height:auto}
.details{ text-align:left }
details{border:1px solid #eee;border-radius:12px;padding:10px}
summary{cursor:pointer;font-weight:600}
@media (prefers-reduced-motion: reduce){ *{animation:none!important;transition:none!important} }


.split{grid-template-columns:50% 50%}
.split .col{width:100%}
@media (max-width: 900px){.split{grid-template-columns:1fr}}



/* Split full width */
section.split-full { width:100%; padding:0; }
.split-inner { display:grid; grid-template-columns:50% 50%; gap:26px; align-items:center; width:100%; }
.split-inner .col{ width:100%; }
.split-inner img{ width:100%; height:auto; display:block; }
@media (max-width: 900px){
  .split-inner { grid-template-columns:1fr; }
}



/* v1.0.5 Split layout */
section.split-section{width:90%;margin:0 auto;padding:25px 25px;}
.split-wrap{display:grid;grid-template-columns:50% 50%;gap:26px;align-items:center;width:100%;}
.split-wrap .col{width:100%;}
.split-wrap img{width:100%;height:auto;display:block;}
@media (max-width: 900px){
  .split-wrap{grid-template-columns:1fr;}
}


html{scroll-behavior:smooth}

section[id]{scroll-margin-top:90px}


/* v1.0.7 Contact stacked list */
.contact-list{display:grid;gap:14px;max-width:680px;margin:0 auto;padding:0;list-style:none}
.contact-item{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 14px;border:1px solid #eaeaea;border-radius:12px;background:#fff}
.contact-item .icon{width:28px;height:28px}
.contact-item a{color:var(--text)}


/* v1.0.8 Contact paragraphs (no bullets) */
.contact-block{display:grid;gap:14px;max-width:680px;margin:0 auto}
.contact-item{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 14px;border:1px solid #eaeaea;border-radius:12px;background:#fff;margin:0}
.contact-item .icon{width:28px;height:28px}

/* v1.0.9 Contact minimal lines */
.contact-block{display:grid;gap:18px;max-width:680px;margin:0 auto}
.contact-item{display:flex;align-items:center;gap:14px;margin:0;padding:0;border:0;background:transparent}
.contact-item .icon{width:26px;height:26px;color:#111;flex:0 0 auto}
.contact-item span,.contact-item a{font-size:clamp(20px,3vw,28px);line-height:1.3}
.contact-item a{color:var(--primary)}


/* v1.1.0 headings and buttons */
h2 {color: var(--primary); font-size: 31px;}
h3 {color: var(--primary);font-size: 20px;}
.btn:hover,.button:hover{color:#ffffff}
@media (max-width: 900px) {.primary-nav.open {display: block;padding: 23px;}}

/* Intro (arriba de Valores) con menos bottom */
#nosotros { padding-bottom: 24px; }

/* Sección de Valores con menos top */
section[aria-label="Valores"] { padding-top: 24px; }

/* Por si el h2 lleva margen superior del navegador */
section[aria-label="Valores"] h2 { margin-top: 0; }