/* Opo One — dirección petróleo, crema y ámbar. Alcance: portada. */
.op-home{--brand:#123d48;--brand-600:#082d35;--brand-700:#082d35;--ink:#102f39;--accent:#f4be59;--bg:#faf7f0;background:#faf7f0}.op-home .banner-mvp{background:#e9e9de;color:#36535a;font-size:11px;padding:5px}.op-home header.site{background:#faf7f0;border:0}.op-home .nav{min-height:82px}.op-home .nav-links a{font-size:13px}.op-home .logo-word{letter-spacing:-1px}.op-home .logo-mark rect{fill:#123d48}.op-home .logo-mark circle{fill:#f4be59}.op-home .nav-cta>.btn:last-of-type{background:#f4be59;color:#102f39!important}.op-home footer.site{background:#123d48}.landing{--petrol:#123d48;--cream:#faf7f0;--gold:#f4be59}.op-wrap{max-width:1240px;padding:0 36px;margin:auto}.op-kicker{display:block;font-size:11px;font-weight:750;letter-spacing:.16em;color:#8a5b0e;margin-bottom:14px}.landing h2{font-size:clamp(28px,3vw,42px);letter-spacing:-1.7px;line-height:1.13}.landing h3{letter-spacing:-.6px}.op-hero{background:radial-gradient(ellipse at 85% 25%,#28636b 0,transparent 56%),#103b45;color:#fff;overflow:hidden}.hero-layout{display:grid;grid-template-columns:.95fr 1.2fr;gap:44px;align-items:center;padding-top:78px;padding-bottom:70px}.hero-copy .op-kicker{color:#f4be59}.hero-copy h1{font-size:clamp(42px,4.4vw,62px);letter-spacing:-2.9px;color:#faf7f0;line-height:1.06;margin:0 0 25px;font-weight:800}.hero-copy h1 span{color:#f4be59}.hero-copy>p{font-size:18px;color:#e3edeb;line-height:1.65}.op-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:30px}.op-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:17px 22px;min-height:52px;border-radius:7px;text-decoration:none;font-size:14px;font-weight:700;transition:transform .2s,background .2s;line-height:1.2}.op-button:hover{transform:translateY(-2px)}.op-button.gold{background:#f4be59;color:#132f36;box-shadow:0 5px 0 #bc8935}.op-button.gold:hover{background:#ffd17b}.op-button.outline{border:1px solid #9ab8bb;color:#fff}.op-button.dark{background:#123d48;color:#fff}.hero-trust{display:flex;gap:17px;flex-wrap:wrap;margin-top:28px;font-size:11px;color:#cbdddc}.hero-trust span{display:flex;gap:5px;align-items:center}.hero-trust .icon{width:15px}.study-stage{min-width:0;position:relative;padding:10px 0 0}.study-device{border:6px solid #152b31;border-radius:17px;background:#faf7f0;box-shadow:0 22px 60px #001c2970;transform:rotate(-2deg);overflow:hidden}.device-bar{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;color:#123d48;border-bottom:1px solid #e8e5dc;font-size:12px}.device-bar strong span{font-weight:400;font-size:10px;margin-left:10px}.live-tag{font-size:8px;letter-spacing:.08em;color:#526a6e}.device-content{display:grid;grid-template-columns:120px 1fr;min-height:340px}.study-sidebar{border-right:1px solid #e8e5dc;padding:20px 10px;font-size:10px;display:flex;flex-direction:column;gap:10px}.side-title{font-size:8px;color:#677a79;letter-spacing:.08em}.study-sidebar a{display:flex;align-items:center;gap:6px;text-decoration:none;padding:8px 5px;border-radius:4px}.study-sidebar .selected{background:#ece3cf}.study-sidebar .icon{width:13px;height:13px}.sidebar-bottom{margin-top:auto;padding:20px 5px 0;font-size:15px;font-weight:700;color:#536f70}.study-question{min-width:0}.study-question .sample{padding:22px 20px;background:transparent;border:0;box-shadow:none;border-radius:0;color:#102f39;transform:none}.study-question .sample-top{gap:8px;flex-wrap:wrap;margin-bottom:17px}.study-question .badge{font-size:10px;background:#e6ebdf;color:#345742}.study-question .sample-top>.small{font-size:9px}.study-question .q-text{font-size:15px;line-height:1.4;margin-bottom:18px}.study-question .opt{font-size:11px;line-height:1.45;min-height:43px;margin-bottom:8px;background:#fffcf6;padding:9px;border-color:#deded2;border-radius:6px}.study-question .opt .k{font-size:10px;min-width:22px;width:22px;height:22px}.study-question .opt.ok{background:#e3ecda;border-color:#719c73}.study-question .opt.ko{background:#ffe6df}.study-question .cite{font-size:11px}.study-question .sample-foot{flex-wrap:wrap;gap:10px}.study-question .sample-foot .btn{font-size:10px;white-space:normal}.device-base{height:12px;background:linear-gradient(#c4c7be,#788381);border-radius:0 0 45% 45%;margin:5px -14px 0;transform:rotate(-2deg);box-shadow:0 18px 25px #001e2840}.device-caption{font-size:10px;color:#cee0de;text-align:center;margin:26px 0 0}.search-section{padding:54px 0 30px;scroll-margin-top:100px}.search-layout{display:grid;grid-template-columns:1fr 240px;gap:50px}.search-layout h2{font-size:32px;margin-bottom:25px}.search-layout .search{max-width:none}.search-layout .search-box{background:#fffdf8;border-color:#dddace;border-radius:8px;box-shadow:0 8px 20px #213b4508}.search-note{border-left:1px solid #d8d6c8;padding:10px 0 0 35px;color:#4b6265}.search-note p{margin:14px 0;font-size:15px}.search-note>span{font-size:10px}.op-section{padding:52px 0 64px}.op-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.op-heading h2{margin:0}.text-link{display:inline-flex;gap:13px;align-items:center;font-size:13px;font-weight:650;text-underline-offset:5px;color:#163b45;flex-shrink:0}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.topic{position:relative;overflow:hidden;isolation:isolate;background:#f1ecdf;border:1px solid #e6e0d2;border-radius:9px;padding:25px;min-height:290px;text-decoration:none;box-shadow:0 10px 22px #293f3e09;transition:transform .2s,box-shadow .2s}.topic:hover{transform:translateY(-5px);box-shadow:0 16px 30px #293f3e18}.topic-art{position:absolute;inset:0;background-image:url('/editorial-subjects.jpg');background-size:300% 100%;z-index:-2}.topic-1 .topic-art{background-position:center}.topic-2 .topic-art{background-position:right}.topic:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#faf7f0fa 0%,#faf7f0ed 38%,#faf7f039 100%)}.topic-icon{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:12px;background:#f5e5c5;margin-bottom:22px}.topic h3{font-size:21px;max-width:230px}.topic p{font-size:13px;line-height:1.6;max-width:180px;color:#3c555b}.topic .text-link{margin-top:12px}.source-line{display:flex;justify-content:center;gap:10px;color:#4f6464;margin-top:26px;font-size:12px}.source-line svg{width:17px}.how-section{background:#e7eadc;padding:52px 0}.how-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:40px}.how-grid h2{font-size:36px}.how-step h3{font-size:16px;margin:22px 0 10px}.how-step p{font-size:13px;color:#3f5558;line-height:1.65}.step-number{display:inline-flex;width:42px;height:42px;border:1px solid #5d7775;border-radius:50%;align-items:center;justify-content:center;font-size:13px}.section-intro{color:#52696c;max-width:650px;font-size:15px}.conv-filters{display:flex;gap:8px;margin:25px 0;flex-wrap:wrap}.conv-filters button{border:1px solid #ccd3c9;background:transparent;color:#23444b;border-radius:30px;padding:12px 20px;font:600 12px Inter;cursor:pointer}.conv-filters button[aria-pressed=true]{background:#123d48;color:white;border-color:#123d48}.op-conv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.op-conv{padding:22px;background:#fffdf8;border-radius:10px;text-decoration:none;border:1px solid #e3e1d5;transition:border-color .2s}.op-conv:hover{border-color:#517b79}.conv-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#5f7070;margin-bottom:19px}.op-conv h3{font-size:17px;line-height:1.3;min-height:44px}.op-conv p{font-size:12px;color:#597070}.conv-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e6e8de;padding-top:18px;margin-top:20px;gap:8px}.conv-bottom strong{font-size:16px}.conv-bottom span{display:flex;align-items:center;gap:6px;font-size:10px}.conv-bottom svg{width:15px}.data-note{font-size:11px;color:#5f7272;margin:22px 0 0;line-height:1.6}.progress-section{background:#eeeae0;padding:65px 0}.progress-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.progress-visual{background:#fbf9f3;padding:30px;border-radius:12px;box-shadow:0 16px 30px #203e4509}.learning-row{display:flex;gap:15px;align-items:center;border-top:1px solid #e3e5d9;padding:25px 0}.learning-row:last-child{padding-bottom:0}.learning-row strong{font-size:13px}.learning-row p{font-size:11px;color:#617272;margin:5px 0 0}.learning-icon{background:#e5eadb;padding:10px;border-radius:10px}.step-index{margin-left:auto;font-size:11px;color:#71827a}.progress-copy h2 em{font-style:normal;color:#56705d}.progress-copy>p{font-size:15px;color:#52666b}.progress-copy>.data-note{font-size:11px}.op-pricing{background:radial-gradient(ellipse at 100% 100%,#265c62,transparent 65%),#123d48;color:#e8edeb;padding:70px 0}.pricing-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px}.op-pricing h2{color:#fff}.op-pricing .op-kicker{color:#f4be59}.pricing-layout>div>p{font-size:14px;max-width:280px;color:#d4e1de}.light{color:#fff}.mini-plans{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:14px}.mini-plan{position:relative;display:flex;flex-direction:column;align-items:start;text-decoration:none;color:#fff;border:1px solid #759092;border-radius:8px;padding:22px 18px}.mini-plan:hover{background:#ffffff0c;color:white}.mini-plan.featured{border:2px solid #f4be59;background:#0b3039}.mini-plan>span{font-size:13px}.mini-plan strong{font-size:38px;letter-spacing:-1.5px;line-height:1.3;margin-top:13px}.mini-plan.featured strong,.mini-plan.featured>span{color:#f4be59}.mini-plan small{font-size:10px;color:#ccddda}.mini-plan p{font-size:11px;line-height:1.6;margin-top:20px}.mini-plan .plan-arrow{margin-top:auto;padding-top:16px}.pricing-note{grid-column:1/-1;font-size:10px!important;color:#c3d6d2!important;max-width:none!important;margin:5px 0 0}.op-final{text-align:center;padding:72px 0 80px}.op-final p{color:#51676b;font-size:15px}.op-final .op-button{margin-top:10px}.landing [hidden]{display:none!important}.landing :focus-visible{outline:3px solid #bd7b10;outline-offset:4px}.op-hero :focus-visible,.op-pricing :focus-visible{outline-color:#ffd17b}@media(min-width:1450px){.op-wrap{max-width:1350px}.hero-layout{gap:60px}}@media(max-width:1000px){.hero-layout{grid-template-columns:1fr 1.1fr;gap:25px}.study-sidebar{display:none}.device-content{grid-template-columns:1fr}.hero-copy h1{font-size:46px}.op-actions{gap:12px}.op-button{font-size:12px;padding:15px}.how-grid{gap:23px}.progress-grid{gap:35px}.pricing-layout{grid-template-columns:1fr}.pricing-layout>div>p{max-width:500px}.op-pricing h2 br{display:none}.mini-plan{padding:25px}.topic h3{font-size:19px}}@media(max-width:700px){.op-wrap{padding:0 22px}.op-home .nav{min-height:70px}.op-home .banner-mvp{font-size:10px}.hero-layout{grid-template-columns:1fr;padding-top:45px;padding-bottom:35px;gap:35px}.hero-copy h1{font-size:44px;letter-spacing:-2px;max-width:440px}.hero-copy>p{font-size:16px}.op-kicker{font-size:10px}.hero-copy .op-actions{display:grid;grid-template-columns:1fr;margin-top:25px}.op-button{font-size:14px}.hero-trust{font-size:10px;gap:12px;margin-top:24px}.study-device{transform:none;border-width:4px;border-radius:12px}.device-base{transform:none;margin:0 2px}.study-question .sample{padding:18px}.study-question .q-text{font-size:16px}.study-question .opt{font-size:12px;min-height:47px}.device-caption{font-size:10px;margin-top:16px}.device-bar{padding:14px 12px}.device-bar strong span{font-size:9px}.search-layout{grid-template-columns:1fr;gap:0}.search-note{display:none}.search-section{padding:38px 0 5px}.search-layout h2{font-size:29px}.search-box input{min-width:0;font-size:12px}.search-box .btn{padding:0 15px;font-size:12px}.op-section{padding:38px 0}.op-heading{align-items:start;flex-direction:column;gap:15px}.landing h2{font-size:31px;letter-spacing:-1px}.topic-grid{grid-template-columns:1fr;gap:15px}.topic{min-height:230px;padding:24px}.topic h3{font-size:21px}.topic p{max-width:210px}.topic-art{background-size:300% 140%;background-position:left center}.topic-1 .topic-art{background-position:center}.topic-2 .topic-art{background-position:right center}.topic:after{background:linear-gradient(90deg,#faf7f0 0%,#faf7f0e6 42%,#faf7f030 100%)}.source-line{font-size:11px;align-items:start;justify-content:start}.source-line svg{flex-shrink:0}.how-section{padding:38px 0}.how-grid{grid-template-columns:1fr;gap:20px}.how-grid h2 br{display:none}.how-step{display:grid;grid-template-columns:42px 1fr;gap:0 17px}.how-step h3{margin:2px 0 8px}.how-step p{grid-column:2;margin:0}.step-number{grid-row:1/3}.op-conv-grid{grid-template-columns:1fr}.op-conv h3{min-height:0}.conv-filters{gap:6px}.conv-filters button{padding:12px 14px;font-size:11px}.progress-section{padding:42px 0}.progress-grid{grid-template-columns:1fr;gap:30px}.progress-copy{grid-row:1}.progress-visual{padding:23px}.learning-row{padding:20px 0}.learning-row strong{font-size:12px}.learning-row p{font-size:11px}.op-pricing{padding:42px 0}.pricing-layout{gap:28px}.mini-plans{grid-template-columns:1fr 1fr;gap:12px}.mini-plan{padding:20px 16px}.mini-plan.featured{grid-column:1/-1}.mini-plan.featured p{max-width:260px}.mini-plan strong{font-size:34px}.mini-plan.featured .plan-arrow{position:absolute;right:22px;bottom:22px}.op-final{padding:45px 0 55px}.op-final .op-button{width:100%}}@media(prefers-reduced-motion:reduce){.landing *{scroll-behavior:auto;transition:none!important;transform:none!important}.op-home{scroll-behavior:auto}}