@charset "UTF-8";
@font-face{font-family:Montserrat;src:url(fonts/montserrat-var.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"EB Garamond";src:url(fonts/ebgaramond-italic.woff2) format("woff2");font-style:italic;font-weight:400 800;font-display:swap}
@font-face{font-family:"EB Garamond";src:url(fonts/ebgaramond.woff2) format("woff2");font-weight:400 800;font-display:swap}
:root{--ink:#16130f;--paper:#f6f3ec;--sand:#e8e1d3;--line:#d8d0c0;--rust:#9a4a2a;--green:#2f4a32;--muted:#6b645a;
--cond:Montserrat,"Arial Narrow",sans-serif;--serif:"EB Garamond",Garamond,Georgia,serif;--sans:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;--pad:clamp(20px,5vw,72px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.65 var(--sans)}
img{display:block;max-width:100%;height:auto}a{color:inherit}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;z-index:99;background:#fff;padding:8px 12px}
.display{display:block;font:700 clamp(44px,7.2vw,96px)/.92 var(--cond);text-transform:uppercase;letter-spacing:-.005em}
.serif{display:block;font:italic 500 clamp(36px,5.6vw,76px)/1.02 var(--serif);letter-spacing:-.01em;margin-top:.08em}
h1,h2,h3{margin:0;font-weight:inherit}
.eyebrow,.kicker{font:600 12px/1.4 var(--sans);letter-spacing:.18em;text-transform:uppercase;margin:0 0 22px}
.kicker{color:var(--rust)}.kicker--light{color:#d9b48f}
.wrap{max-width:1280px;margin:0 auto;padding:0 var(--pad)}
.sec{padding:clamp(72px,11vw,150px) 0}
/* header */
.top{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;gap:24px;padding:14px var(--pad);color:#fff;background:linear-gradient(rgba(10,9,7,.55),rgba(10,9,7,0));transition:background .3s}
.top.is-solid{background:rgba(22,19,15,.94);backdrop-filter:blur(8px)}
.top__brand{display:flex;align-items:center;gap:12px;text-decoration:none;margin-right:auto}
.top__brand img{width:40px;height:auto}
.top__brand span{font:700 22px/1 var(--cond);text-transform:uppercase;letter-spacing:.04em}
.top__nav{display:none;gap:30px}
.top__nav a{font:500 14px var(--sans);text-decoration:none;opacity:.9}.top__nav a:hover{opacity:1;text-decoration:underline;text-underline-offset:6px}
.top__cta{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid rgba(255,255,255,.6);font:600 13px var(--sans);letter-spacing:.06em;text-transform:uppercase;text-decoration:none}
.top__cta span{display:none}
@media(min-width:900px){.top__nav{display:flex}.top__cta span{display:inline}}
/* hero */
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;color:#fff;overflow:hidden;background:#2a2a20}
.hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:52% 60%}
.hero__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,9,7,.35) 0%,rgba(10,9,7,.05) 30%,rgba(10,9,7,.55) 62%,rgba(10,9,7,.88) 100%)}
@media(min-width:900px){.hero__shade{background:linear-gradient(90deg,rgba(10,9,7,.82) 0%,rgba(10,9,7,.5) 42%,rgba(10,9,7,0) 72%),linear-gradient(180deg,rgba(10,9,7,.35),rgba(10,9,7,0) 25%)}}
.hero__inner{position:relative;width:100%;max-width:1280px;margin:0 auto;padding:120px var(--pad) 28px}
.hero h1{max-width:820px}
.hero .display{font-size:clamp(50px,7vw,100px)}
.hero__img{object-position:66% 60%}@media(min-width:900px){.hero__img{object-position:52% 60%}}
@media(max-width:899px){.hero__foot span+span{display:none}}
.hero__lead{max-width:520px;margin:26px 0 0;font-size:clamp(16px,1.4vw,18px);color:rgba(255,255,255,.9)}
.hero__ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.hero__foot{display:flex;justify-content:space-between;max-width:620px;margin-top:56px;padding-top:16px;border-top:1px solid rgba(255,255,255,.3);font:500 12px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.75)}
/* buttons */
.btn{display:inline-flex;align-items:center;gap:10px;padding:16px 24px;font:600 14px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border:1px solid transparent;transition:transform .15s,background .2s}
.btn:hover{transform:translateY(-1px)}
.btn--light{background:#fff;color:var(--ink)}.btn--light:hover{background:var(--sand)}
.btn--ghost{border-color:rgba(255,255,255,.6);color:#fff}.btn--ghost:hover{background:rgba(255,255,255,.1)}
.btn--dark{background:var(--ink);color:#fff;margin-top:12px}.btn--dark:hover{background:var(--green)}
.btn--big{font-size:clamp(16px,2vw,20px);padding:20px 28px;letter-spacing:.04em}
/* ribbon */
.ribbon{background:var(--ink);color:#f1ead9;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;padding:18px var(--pad);font:600 14px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase}
.ribbon i{font-style:normal;color:#c98a5a}
/* split */
.split{display:grid;gap:40px;margin-top:48px}
@media(min-width:900px){.split{grid-template-columns:1fr 1fr;gap:72px;align-items:start}.split--rev>figure{order:0}.split--center{grid-template-columns:1.1fr .9fr;align-items:center}}
.prose p{margin:0 0 18px;max-width:560px;font-size:17px}
.prose--light p{color:rgba(255,255,255,.82)}
.photo{margin:0;overflow:hidden;background:var(--sand)}
.photo img{width:100%;height:100%;object-fit:cover}
.photo--tall img{aspect-ratio:4/5}
@media(min-width:900px){.nosotros .photo--tall{margin-top:-40px}}
.follow{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin-top:28px!important;font:600 13px var(--sans);letter-spacing:.1em;text-transform:uppercase}
.follow a{text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}.follow span{color:var(--muted);letter-spacing:.04em;text-transform:none;font-weight:500}
/* pillars */
.pillars{list-style:none;margin:72px 0 0;padding:0;display:grid;border-top:1px solid var(--line)}
@media(min-width:900px){.pillars{grid-template-columns:repeat(3,1fr)}.pillars li+li{border-left:1px solid var(--line)}}
.pillars li{padding:28px 28px 8px 0}@media(min-width:900px){.pillars li+li{padding-left:28px}}
@media(max-width:899px){.pillars li+li{border-top:1px solid var(--line)}}
.pillars__n{font:600 12px var(--sans);letter-spacing:.16em;color:var(--rust)}
.pillars h3{font:700 30px/1 var(--cond);text-transform:uppercase;margin:10px 0 10px}
.pillars p{margin:0;color:var(--muted)}
/* genetica */
.genetica{background:var(--ink);color:#fff}
.sire{margin-top:36px;padding:28px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.03)}
.sire__label{font:600 12px var(--sans)!important;letter-spacing:.18em;text-transform:uppercase;color:#d9b48f!important;margin:0 0 6px!important}
.sire__name{font:700 clamp(48px,6vw,72px)/.9 var(--cond)!important;text-transform:uppercase;color:#fff!important;margin:0 0 10px!important}
.sire__txt{margin:0!important}
.bulls{margin-top:80px}
.bulls__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.25)}
.bulls__head h3{font:700 clamp(28px,3vw,40px)/1 var(--cond);text-transform:uppercase}
.bulls__head p{margin:0;font:500 12px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.bulls__list{list-style:none;margin:0;padding:0}
.bulls__list li{display:grid;grid-template-columns:44px 1fr auto;align-items:baseline;gap:12px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.14)}
.bulls__n{font:600 12px var(--sans);letter-spacing:.14em;color:rgba(255,255,255,.5)}
.bulls__name{font:600 clamp(24px,3.2vw,40px)/1.05 var(--cond);text-transform:uppercase;letter-spacing:.01em}
.bulls__tag{font:600 11px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#d9b48f;white-space:nowrap}
/* disponibles */
.disponibles h2{margin-bottom:28px}
.note{padding-left:14px;border-left:2px solid var(--rust);color:var(--muted)}
/* strip */
.strip{display:flex;gap:6px;overflow-x:auto;scroll-snap-type:x mandatory;background:var(--paper);padding:0 0 6px}
.strip figure{margin:0;flex:0 0 auto;scroll-snap-align:start}
.strip img{height:clamp(260px,38vw,520px);width:auto;max-width:none;object-fit:cover}
@media(min-width:900px){.strip{overflow:hidden}.strip figure{flex:1 1 0;min-width:0}.strip figure:first-child{flex:2 1 0}.strip img{width:100%}}
/* contacto */
.contacto{position:relative;color:#fff;padding:clamp(96px,14vw,180px) 0;overflow:hidden;background:#201712}
.contacto__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.contacto__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,10,8,.35),rgba(14,10,8,.72))}
.contacto__inner{position:relative}
.contacto__lead{max-width:520px;margin:26px 0 32px;font-size:18px;color:rgba(255,255,255,.88)}
.contacto__list{display:grid;gap:18px;margin:56px 0 0;padding-top:24px;border-top:1px solid rgba(255,255,255,.3);max-width:900px}
@media(min-width:700px){.contacto__list{grid-template-columns:repeat(3,auto);justify-content:start;gap:56px}}
.contacto__list dt{font:600 11px var(--sans);letter-spacing:.18em;text-transform:uppercase;color:#d9b48f;margin-bottom:4px}
.contacto__list dd{margin:0;font-size:16px;word-break:break-word}
/* footer */
.foot{text-align:center;padding:64px var(--pad) 96px;background:var(--paper)}
.foot__logo{width:120px;margin:0 auto 20px}
.foot__line{font:italic 500 24px/1.2 var(--serif);margin:0 0 12px}
.foot__legal{margin:0;font-size:13px;color:var(--muted)}
/* fab */
.fab{position:fixed;right:16px;bottom:16px;z-index:60;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#1f7a4a;color:#fff;box-shadow:0 6px 20px rgba(0,0,0,.25)}
.fab svg{width:28px;height:28px}
@media(min-width:900px){.fab{display:none}}
:focus-visible{outline:2px solid #c98a5a;outline-offset:3px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}

/* uiux audit fixes */
.top__nav a{padding:12px 0}
.follow a{padding:10px 0 2px}
.contacto__list dd a{display:inline-block;padding:6px 0}
.bulls__tag,.contacto__list dt{font-size:12px}
.top__cta{min-height:44px}

/* identity: Montserrat display is wider than Barlow Condensed */
.display{font-weight:800;letter-spacing:-.02em;line-height:.98}
.hero .display{font-size:clamp(34px,6.4vw,84px)}
.hero .serif{font-size:clamp(32px,5vw,68px)}
.display{font-size:clamp(32px,5.6vw,80px)}
.bulls__name,.pillars h3,.sire__name,.bulls__head h3,.top__brand span{font-weight:800;letter-spacing:-.01em}
.pillars h3{font-size:24px}.bulls__name{font-size:clamp(18px,2.6vw,32px)}

/* sin fotos en la segunda parte (17 oct 2026); buscar IMG SLOT en index.html para regresarlas */
.split:not(:has(figure)){display:block;margin-top:40px}
@media(min-width:900px){.nosotros .split:not(:has(figure)) .prose,.genetica .split:not(:has(figure)) .prose{display:grid;grid-template-columns:1fr 1fr;column-gap:72px;max-width:none}
 .genetica .split:not(:has(figure)) .sire{grid-column:1/-1;max-width:640px}
 .nosotros .follow{grid-column:1/-1}}
.disponibles .split--center{display:block}
.disponibles .split--center>div{max-width:760px}
.contacto{background:radial-gradient(70% 80% at 100% 0%,rgba(201,138,90,.18),transparent 70%),linear-gradient(160deg,#2a1c14,#120d0a)}

/* menú (17 oct 2026): hamburguesa en móvil/tablet, sin WhatsApp en el header */
.top__menu{display:grid;place-content:center;gap:6px;width:44px;height:44px;padding:0;background:none;border:1px solid rgba(255,255,255,.6);color:#fff;cursor:pointer;position:relative;z-index:2}
.top__menu span{display:block;width:20px;height:2px;background:currentColor;transition:transform .25s,opacity .2s}
.top.is-open .top__menu span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.top.is-open .top__menu span:nth-child(2){opacity:0}
.top.is-open .top__menu span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
@media(max-width:899px){
 .top__nav{display:flex;flex-direction:column;justify-content:center;gap:0;position:fixed;inset:0;padding:96px var(--pad) 48px;background:#16130f;visibility:hidden;opacity:0;transform:translateY(-12px);transition:opacity .25s,transform .25s,visibility .25s}
 .top.is-open .top__nav{visibility:visible;opacity:1;transform:none}
 .top__nav a{font:800 clamp(30px,8vw,44px)/1.1 var(--cond);text-transform:uppercase;letter-spacing:-.01em;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.14);opacity:1}
 .top__nav a:first-child{border-top:1px solid rgba(255,255,255,.14)}
 .top__brand{position:relative;z-index:2}
 .top.is-open{background:transparent}
}
@media(min-width:900px){.top__menu{display:none}.fab{display:grid}}
@media(prefers-reduced-motion:reduce){.top__nav,.top__menu span{transition:none}}

/* v6 (17 oct 2026) */
.hero__pre{display:block;font:600 13px/1.4 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:#d9b48f;margin-bottom:10px}
.hero .hero__brand{font-size:clamp(52px,9.5vw,132px);line-height:.92;letter-spacing:-.025em}
.hero .serif{color:#efe3cf}
.bullgrid{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:1px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.14)}
@media(min-width:700px){.bullgrid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.bullgrid{grid-template-columns:repeat(3,1fr)}}
.bull{background:var(--ink);padding:24px 22px 26px;display:flex;flex-direction:column;gap:12px;border-top:3px solid #1b1b1b}
.bull--red{border-top-color:#9a4a2a}
.bull:not(.bull--red){border-top-color:#3a3a3a}
.bull__tag{font:600 12px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#d9b48f}
.bull__name{margin:0;font:800 clamp(20px,2.2vw,26px)/1.1 var(--cond);text-transform:uppercase;letter-spacing:-.01em}
.bull__ped,.bull__adds{margin:0;font-size:14px;line-height:1.5;color:rgba(255,255,255,.85)}
.bull__ped span,.bull__adds span{display:block;font:600 11px/1.6 var(--sans);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.mejora{margin-top:56px;padding:26px 0 0;border-top:1px solid rgba(255,255,255,.25);display:grid;gap:8px;max-width:760px}
.mejora__label{margin:0;font:600 12px var(--sans);letter-spacing:.18em;text-transform:uppercase;color:#d9b48f}
.mejora__txt{margin:0;font:italic 500 clamp(22px,2.6vw,30px)/1.3 var(--serif);color:#fff}
.ganado__grid{display:grid;gap:40px;margin-top:44px}
@media(min-width:900px){.ganado__grid{grid-template-columns:1.1fr .9fr;gap:72px;align-items:start}}
.docs{margin:0;border-top:1px solid var(--ink)}
.docs div{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}
.docs dt{font:700 13px/1.5 var(--sans);letter-spacing:.06em;text-transform:uppercase}
.docs dd{margin:0;color:var(--muted)}
@media(max-width:420px){.docs div{grid-template-columns:1fr;gap:2px}}
.rancho{background:var(--ink);color:#fff}
.rancho__lead{max-width:560px;margin:24px 0 0;color:rgba(255,255,255,.8);font-size:17px}
.gallery{list-style:none;margin:44px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
@media(min-width:900px){.gallery{grid-template-columns:repeat(3,1fr)}}
.gallery li{aspect-ratio:4/3;position:relative;overflow:hidden}
.gallery img{width:100%;height:100%;object-fit:cover}
.rancho[data-gallery="soon"] .gallery li{border:1px solid rgba(255,255,255,.14);background:repeating-linear-gradient(135deg,rgba(255,255,255,.025) 0 1px,transparent 1px 14px)}
.rancho[data-gallery="soon"] .gallery span{position:absolute;left:14px;bottom:12px;font:600 12px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.rancho[data-gallery="off"]{display:none}
.contacto__list{grid-template-columns:none}
@media(min-width:700px){.contacto__list{grid-template-columns:repeat(2,auto);gap:24px 56px}}
@media(min-width:1100px){.contacto__list{grid-template-columns:repeat(4,auto)}}
.contacto{background:radial-gradient(70% 80% at 100% 0%,rgba(201,138,90,.18),transparent 70%),linear-gradient(160deg,#2a1c14,#120d0a)}
@media(min-width:900px) and (max-width:1180px){.top__nav{gap:18px}.top__nav a{font-size:13px}}
@media(min-width:700px) and (max-width:1199px){.bull:last-child{grid-column:1/-1}}
@media(min-width:1100px) and (max-width:1199px){.bullgrid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1200px){.bullgrid{grid-template-columns:repeat(5,1fr)}.bull{padding:22px 18px 24px}.bull__name{font-size:19px}}
/* journey fixes */
.sec__next{margin-top:40px}
.top__nav-wa{display:none!important}
@media(max-width:899px){.top__nav-wa{display:inline-flex!important;align-items:center;gap:10px;margin-top:28px;font:600 15px/1 var(--sans)!important;letter-spacing:.08em!important;text-transform:uppercase;color:#7fd3a2;border:0!important;padding:14px 0!important}.top__nav-wa svg{width:22px;height:22px}}
.foot__nav{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 22px;margin:24px auto 20px;max-width:640px}
.foot__nav a{font:600 13px var(--sans);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;padding:12px 0}
.foot__nav a:hover{text-decoration:underline;text-underline-offset:5px}
.foot__ctas{margin:0 0 18px}.foot__ctas .btn{margin-top:0}
.foot__up{margin:0 0 18px}.foot__up a{display:inline-block;padding:12px 4px;font-size:14px;color:var(--muted)}
.contacto__list dd a{margin-right:2px}
.top.is-open~.fab,body:has(.top.is-open) .fab{display:none!important}