/*
Theme Name: Asopromarsu Origen
Author: ASOPROMARSU
Description: Sitio institucional de productores y exportación de banano ecuatoriano. Diseño adaptable y contenidos editables en WordPress.
Version: 1.3.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: asopromarsu
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--green:#123e2d;--deep:#0b2e21;--lime:#d7ec7b;--cream:#f6f6ed;--ink:#18372b;--muted:#63746a;--line:#dce3da}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.65 'DM Sans',sans-serif}h1,h2,h3,h4{font-family:Manrope,sans-serif;line-height:1.08;letter-spacing:-.045em;margin:0 0 24px}h1{font-size:clamp(48px,6.2vw,88px);max-width:850px}h2{font-size:clamp(36px,4vw,58px)}h3{font-size:25px}p{margin:0 0 22px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:5px}a:focus-visible,button:focus-visible{outline:3px solid #a7bf54}img{max-width:100%;display:block;object-fit:cover}button{cursor:pointer}.wrap{width:min(1240px,calc(100% - 88px));margin:auto}.eyebrow{display:block;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-bottom:22px}.topbar{background:var(--deep);color:#e1ecdd;font-size:11px;letter-spacing:.06em;padding:8px 0}.topbar .wrap{display:flex;justify-content:space-between;gap:20px}.header{background:var(--cream);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.header .wrap{height:89px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;gap:11px;align-items:center;line-height:1}.brand strong{font-family:Manrope,sans-serif;letter-spacing:-.045em;font-weight:800;font-size:23px}.brand small{display:block;font-size:8px;letter-spacing:.24em;margin-top:8px}.brand svg{width:41px;height:48px}.custom-logo{max-width:220px;height:55px;object-fit:contain}.nav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:600}.nav a:hover{color:#627b31}.btn{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:var(--lime);padding:16px 25px;border:1px solid transparent;border-radius:3px;color:var(--deep);font-size:13px;font-weight:700;line-height:1.4;transition:transform .2s,background .2s}.btn:hover{background:#e2f39c;transform:translateY(-2px)}.btn.dark{background:var(--green);color:white}.btn.outline{background:transparent;border-color:#ffffff70;color:#fff}.btn.outline:hover{background:#ffffff18}.menu-toggle{display:none;background:none;border:0;padding:8px}.hero{min-height:690px;color:white;position:relative;display:flex;align-items:center;background:var(--deep);overflow:hidden}.hero>img{position:absolute;width:100%;height:100%;inset:0;object-position:center}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,34,20,.88),rgba(5,34,20,.5) 55%,rgba(5,34,20,.04))}.hero .wrap{position:relative;z-index:1;padding:85px 0 115px}.hero .eyebrow{display:flex;align-items:center;gap:10px}.dot{width:7px;height:7px;border-radius:50%;background:var(--lime)}.hero h1 em{font-style:normal;color:var(--lime)}.hero p{max-width:500px;color:#e2eadf;font-size:17px}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.hero-bottom{position:absolute;z-index:2;bottom:24px;left:0;right:0}.hero-bottom .wrap{padding:0;display:flex;justify-content:space-between;border-top:1px solid #ffffff40;padding-top:20px;font-size:10px;letter-spacing:.15em;text-transform:uppercase}.strip{background:var(--lime);padding:24px 0}.strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;font-weight:700}.strip span{display:flex;align-items:center;gap:12px}.strip i{font-style:normal;font-size:20px}.section{padding:110px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.intro-pic{position:relative;padding-bottom:30px}.intro-pic img{width:100%;height:560px;border-radius:3px}.stamp{position:absolute;bottom:0;right:-25px;background:var(--green);color:white;padding:25px 30px;max-width:235px}.stamp strong{font-size:30px;font-family:Manrope,sans-serif;display:block;line-height:1.2}.stamp small{font-size:11px;display:block;margin-top:10px;color:#cbd9bf}.lede{color:var(--muted);font-size:17px}.text-link{display:inline-block;font-weight:700;font-size:13px;border-bottom:1px solid var(--ink);padding-bottom:7px}.timeline{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:35px 0}.timeline div{border-top:1px solid var(--line);padding-top:15px}.timeline strong{display:block;font:700 30px Manrope,sans-serif}.timeline span{font-size:12px;color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:45px}.section-head h2{margin:0}.section-head p{max-width:350px;color:var(--muted);font-size:14px;margin:0}.products{background:#e9eddf}.product-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:30px}.product-main{position:relative;min-height:530px;background:var(--green);border-radius:4px;overflow:hidden;color:white;display:flex;align-items:end}.product-main img{position:absolute;inset:0;width:100%;height:100%}.product-main:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,34,16,.92),transparent 85%)}.product-info{position:relative;z-index:1;padding:35px;width:100%}.product-info h3{font-size:37px;margin:12px 0}.tag{border:1px solid #ffffff75;border-radius:30px;padding:5px 11px;font-size:10px;letter-spacing:.08em}.product-info p{max-width:390px;font-size:14px;color:#e1e9d8}.spec{background:var(--cream);padding:40px;border-radius:4px}.spec h3{font-size:29px}.spec dl{margin:25px 0}.spec dl div{display:flex;justify-content:space-between;gap:30px;padding:15px 0;border-bottom:1px solid var(--line);font-size:13px}.spec dt{color:var(--muted)}.spec dd{margin:0;text-align:right;font-weight:600}.note{font-size:12px;color:var(--muted)}.process{background:var(--green);color:white}.process .section-head p{color:#b7cbbd}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.step{border-top:1px solid #ffffff40;padding-top:23px}.step .number{font-size:12px;color:var(--lime);display:block;margin-bottom:45px}.step h3{font-size:24px}.step p{font-size:13px;color:#c0d0c4}.quote-band{margin-top:45px;padding:22px 0;border-top:1px solid #ffffff30;display:flex;align-items:center;justify-content:space-between;gap:25px}.quote-band p{margin:0;font-size:14px}.gallery-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:20px}.gallery-grid figure{margin:0}.gallery-grid img{height:360px;width:100%;border-radius:3px}.gallery-grid figcaption{font-size:12px;padding-top:13px;color:var(--muted)}.commitment{display:grid;grid-template-columns:1fr 2fr;gap:70px;margin-top:70px;padding-top:40px;border-top:1px solid var(--line)}.commitment h3{font-size:30px}.commitment-list{display:grid;grid-template-columns:1fr 1fr;gap:25px}.commitment-list strong{display:block;font-size:15px}.commitment-list p{font-size:13px;color:var(--muted);margin:8px 0 0}.contact{background:#e9eddf}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact-info{margin:35px 0}.contact-info a{display:block;font:600 20px Manrope,sans-serif;letter-spacing:-.03em;margin-bottom:12px}.contact-info span{font-size:13px;display:block;color:var(--muted)}.form{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field label{display:block;font-size:12px;font-weight:700;margin-bottom:7px}.field input,.field textarea,.field select{background:#f8f9f2;border:1px solid #cbd5c5;width:100%;padding:13px 14px;border-radius:3px;color:var(--ink)}.field textarea{min-height:130px;resize:vertical}.full{grid-column:1/-1}.checkbox{font-size:12px;display:flex;gap:9px;align-items:start}.checkbox a{text-decoration:underline}.form-note{font-size:11px;color:var(--muted);margin:0}.hp{position:absolute;left:-10000px}.notice{padding:20px;background:#d7ec7b;border:1px solid #9aac62;margin-bottom:20px}.footer{background:var(--deep);color:#ecf1e7;padding:65px 0 25px}.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:60px;padding-bottom:45px;border-bottom:1px solid #ffffff25}.footer p{font-size:13px;color:#b5c4b7;max-width:320px;margin:25px 0}.footer h4{font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:20px;color:#c2d1bc}.footer a.item{display:block;color:#c6d4c3;font-size:12px;margin-bottom:9px}.footer a:hover{color:var(--lime)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:25px;font-size:10px;color:#adbdaf}.footer-bottom a{margin-left:15px}.page-hero{padding:80px 0 60px;background:#e9eddf}.page-hero h1{font-size:58px}.page-main{max-width:840px;padding:65px 0 100px}.page-main h2{font-size:29px;margin-top:40px}.page-main h3{font-size:23px;margin-top:30px}.page-main a{text-decoration:underline}.page-main ul{padding-left:22px}.policy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.policy-card{padding:25px;border:1px solid var(--line);border-radius:3px;display:block;background:#fff}.policy-card:hover{border-color:var(--green)}.policy-card h3{font-size:20px;margin-bottom:13px}.policy-card span{font-size:12px;color:var(--muted)}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-weight:700}details p{font-size:14px;color:var(--muted);padding-top:15px}.skip{position:absolute;top:-100px;left:15px;z-index:100;background:white;padding:15px}.skip:focus{top:10px}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.cookie-note{font-size:11px;border-top:1px solid #ffffff25;padding-top:20px;margin-top:22px;color:#adbdaf}
.services .step{border-color:var(--line)}.services .step .eyebrow{color:#647b37;margin-bottom:30px}.services .step p{color:var(--muted)}
@media(max-width:1000px){.wrap{width:calc(100% - 44px)}.nav{gap:16px}.nav .btn{padding:12px}.split{gap:45px}.intro-pic img{height:480px}.contact-grid{gap:45px}.section{padding:80px 0}.steps{gap:25px}.gallery-grid img{height:280px}}
@media(max-width:760px){.topbar .wrap span:last-child{display:none}.header .wrap{height:74px}.brand strong{font-size:20px}.brand svg{width:33px}.menu-toggle{display:block}.nav{display:none;position:absolute;left:0;right:0;top:74px;flex-direction:column;align-items:stretch;background:var(--cream);padding:25px}.nav.open{display:flex}.hero{min-height:660px}.hero .wrap{padding:65px 0 100px}.hero>img{object-position:65% center}.hero:after{background:linear-gradient(90deg,#062618e8,#06261865)}h1{font-size:53px}.hero p{font-size:15px}.hero-bottom .wrap span:last-child{display:none}.strip .wrap{display:grid;grid-template-columns:1fr 1fr;gap:13px;font-size:10px}.strip i{font-size:15px}.section{padding:65px 0}.split,.product-grid,.contact-grid{grid-template-columns:1fr;gap:40px}.intro-pic{order:2;max-width:520px}.intro-pic img{height:420px}.stamp{right:0}.section-head{display:block}.section-head p{margin-top:25px}.product-main{min-height:460px}.product-info,.spec{padding:27px}.steps{grid-template-columns:1fr 1fr;gap:30px}.step .number{margin-bottom:25px}.quote-band{align-items:start;flex-direction:column}.gallery-grid{grid-template-columns:1fr 1fr;gap:15px}.gallery-grid figure:first-child{grid-column:1/-1}.gallery-grid img{height:240px}.gallery-grid figure:first-child img{height:320px}.commitment{grid-template-columns:1fr;gap:15px;margin-top:40px}.commitment-list{gap:25px}.footer-top{grid-template-columns:1fr 1fr;gap:35px}.footer-top>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column}.footer-bottom a{margin:0 15px 0 0}.policy-grid{grid-template-columns:1fr}.page-hero h1{font-size:42px}.page-main{padding-top:40px}.form{gap:15px}.field{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.packaging{background:#edf0df}.qr-card{display:flex;align-items:center;gap:20px;margin-top:30px}.qr-card img{width:120px;height:120px;object-fit:contain;background:white;border:1px solid #dce3da}.qr-card strong{font-size:14px}.qr-card small{font-size:12px;color:var(--muted)}.box-image{width:100%;height:auto}

/* Identidad oficial aplicada desde el manual corporativo. */
:root{--green:#a42d3f;--deep:#1f2427;--lime:#f3ac27;--cream:#faf8f3;--ink:#1f2427;--muted:#686963;--line:#e2ded5}
h1,h2,h3,h4{font-family:Georgia,'Times New Roman',serif;font-weight:700;letter-spacing:-.045em}.official-brand{display:block;flex-shrink:0}.official-brand img{width:235px;height:76px;object-fit:contain}.header .wrap{height:100px}.footer .official-brand{background:#faf8f3;padding:14px 20px;display:inline-block;border-radius:3px}.footer .official-brand img{width:220px;height:76px}.products,.contact{background:#f2eee5}.packaging{background:#f5f0e4}.page-hero{background:#f2eee5}.hero:after{background:linear-gradient(90deg,rgba(18,24,19,.88),rgba(18,24,19,.48) 55%,rgba(18,24,19,.04))}.hero h1 em{color:#ffc650}.btn:hover{background:#ffcb58}.btn.dark{background:#a42d3f;color:white}.btn.dark:hover{background:#86203a}.strip{background:#f3ac27}.process .section-head p,.step p{color:#efdadf}.stamp{background:#a42d3f}.stamp small{color:#f9e7ce}.services .step .eyebrow{color:#a42d3f}.nav a:hover{color:#a42d3f}.brands-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.brand-card{background:#fff;border:1px solid var(--line);padding:32px;text-align:center}.brand-card img{height:190px;width:100%;object-fit:contain;margin-bottom:15px}.brand-card h3{font-size:26px;margin:12px 0}.brand-card p{font-size:13px;color:var(--muted);margin-bottom:0}.brand-section .section-head{margin-bottom:30px}@media(max-width:760px){.header .wrap{height:85px}.nav{top:85px}.official-brand img{width:200px;height:65px}.brands-grid{grid-template-columns:1fr}.brand-card img{height:180px}}

.notice{background:#fff0cb;border-color:#e1b94f}.services .step p{color:var(--muted)}.footer .official-brand img{max-width:100%}

.single-brand{grid-template-columns:minmax(260px,480px);justify-content:center}.single-brand .brand-card{padding:35px}.single-brand img{height:220px}.footer-top{grid-template-columns:1.15fr 1fr 1fr 1fr;gap:35px}.footer a.item{line-height:1.6;margin-bottom:12px}.footer h4{color:#f3ac27;line-height:1.5}.page-main h2{line-height:1.3}@media(max-width:900px){.footer-top{grid-template-columns:1fr 1fr}}@media(max-width:560px){.footer-top{grid-template-columns:1fr}.footer-top>div:first-child{grid-column:auto}.single-brand{grid-template-columns:1fr}}

/* Encuadres de las fotografias aportadas por ASOPROMARSU. */
#origen .gallery-grid img{height:440px}#origen .gallery-grid figure:first-child img{object-position:50% 40%}.product-main img{object-position:50% 42%}
@media(max-width:1000px){#origen .gallery-grid img{height:360px}}
@media(max-width:760px){#origen .gallery-grid img{height:auto;aspect-ratio:3/4}#origen .gallery-grid figure:first-child img{height:320px;aspect-ratio:auto}}