:root{--cc-navy:#10233f;--cc-navy-deep:#0b1a30;--cc-blue:#163e52;--cc-gold:#d3a343;--cc-gold-light:#f0c56c;--cc-ivory:#f6f3ec;--cc-white:#fff;--cc-text:#26364c;--cc-muted:#5d6879;--cc-green:#18794e;--cc-red:#b42318;--cc-card-bg:#fffdf9;--cc-ease:cubic-bezier(.22,1,.36,1)}
.crtp-contacto{max-width:1180px;margin:0 auto;padding:0 22px 70px;color:var(--cc-text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.crtp-contacto *{box-sizing:border-box}
.crtp-contacto h1,.crtp-contacto h2{color:var(--cc-navy);font-family:Georgia,"Times New Roman",serif} .crtp-contacto__hero{position:relative;isolation:isolate;overflow:hidden;margin:36px 0 34px;border-radius:22px;min-height:clamp(320px,40vw,440px);display:flex;align-items:flex-end;box-shadow:0 22px 60px rgba(11,26,48,.28);animation:crtp-fade-up .7s var(--cc-ease) both}
.crtp-contacto__hero-media{position:absolute;inset:0;background-size:cover;background-position:center 38%;transform:scale(1.02)}
.crtp-contacto__hero-scrim{position:absolute;inset:0;background:linear-gradient(100deg,rgba(11,26,48,.95) 0%,rgba(11,26,48,.86) 32%,rgba(11,26,48,.5) 58%,rgba(11,26,48,.12) 82%)}
.crtp-contacto__hero-content{position:relative;padding:clamp(28px,4.5vw,56px);max-width:600px;color:#fff}
.crtp-contacto__badge{display:inline-flex;align-items:center;padding:7px 16px;margin-bottom:18px;border:1px solid rgba(212,163,67,.55);border-radius:999px;background:rgba(255,255,255,.08);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:var(--cc-gold-light);font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.crtp-contacto__hero-content h1{margin:0 0 14px;color:#fff;font-size:clamp(32px,4.6vw,50px);line-height:1.08;letter-spacing:-.01em;text-wrap:balance}
.crtp-contacto__hero-content p{margin:0;font-size:17px;line-height:1.65;color:#d9e0e8;max-width:52ch;text-wrap:pretty} .crtp-contacto__layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.8fr);gap:26px;align-items:start}
.crtp-contacto__card,.crtp-contacto__info{border-radius:20px;animation:crtp-fade-up .7s var(--cc-ease) both}
.crtp-contacto__card{padding:clamp(22px,4vw,42px);background:var(--cc-card-bg);border:1px solid rgba(16,35,63,.09);box-shadow:0 14px 40px rgba(16,35,63,.08);animation-delay:.08s}
.crtp-contacto__card h2,.crtp-contacto__info h2{margin:0 0 7px;font-size:29px}
.crtp-contacto__card>p{margin:0 0 25px;color:var(--cc-muted)} .crtp-contacto__form{display:grid;gap:18px}
.crtp-contacto__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.crtp-contacto__form label{display:grid;gap:7px;color:var(--cc-navy);font-size:14px;font-weight:850}
.crtp-contacto__form label>span:first-child,.crtp-contacto__form label span[aria-hidden]{color:var(--cc-red)}
.crtp-contacto__form input:not([type=checkbox]),.crtp-contacto__form select,.crtp-contacto__form textarea{width:100%;border:1px solid #8993a2;border-radius:9px;background:#fff;color:var(--cc-navy)!important;padding:11px 12px;font:700 15px/1.4 Inter,sans-serif;outline:none;transition:border-color .18s var(--cc-ease),box-shadow .18s var(--cc-ease)}
.crtp-contacto__form input:focus,.crtp-contacto__form select:focus,.crtp-contacto__form textarea:focus{border-color:var(--cc-gold);box-shadow:0 0 0 3px rgba(211,163,67,.22)}
.crtp-contacto__form textarea{resize:vertical}
.crtp-contacto__form small{color:var(--cc-muted);font-weight:600}
.crtp-contacto__consent{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:10px!important;line-height:1.5}
.crtp-contacto__consent input{width:20px;height:20px;margin-top:1px;accent-color:var(--cc-navy);flex:0 0 auto}
.crtp-contacto__consent span{color:var(--cc-text)!important;font-weight:700}
.crtp-contacto__consent a{color:var(--cc-blue);text-decoration:underline}
.crtp-contacto__form button{justify-self:start;border:0;border-radius:9px;background:var(--cc-gold);color:var(--cc-navy);padding:13px 26px;font-size:15px;font-weight:900;cursor:pointer;transition:background .18s var(--cc-ease),transform .18s var(--cc-ease)}
.crtp-contacto__form button:hover,.crtp-contacto__form button:focus-visible{background:var(--cc-navy);color:#fff}
.crtp-contacto__form button:active{transform:translateY(1px)}
.crtp-contacto__privacy{margin:0!important;color:var(--cc-muted);font-size:12px}
.crtp-contacto__trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important} .crtp-contacto__info{padding:32px;background:radial-gradient(120% 140% at 100% 0%,rgba(212,163,67,.16) 0%,rgba(212,163,67,0) 42%),linear-gradient(180deg,var(--cc-navy) 0%,var(--cc-navy-deep) 100%);color:#fff;animation-delay:.16s}
.crtp-contacto__info h2{color:#fff;margin-bottom:14px}
.crtp-contacto__rule{display:block;width:46px;height:3px;margin-bottom:18px;border-radius:2px;background:var(--cc-gold)}
.crtp-contacto__info>p{color:#d9e0e8;line-height:1.65}
.crtp-contacto__info-item{display:grid;gap:5px;padding:19px 0;border-top:1px solid rgba(255,255,255,.16)}
.crtp-contacto__info-item strong{color:var(--cc-gold-light)}
.crtp-contacto__info-item a,.crtp-contacto__info-item span{color:#fff;line-height:1.55}
.crtp-contacto__safe{display:grid;gap:5px;margin-top:12px;padding:16px;border-radius:10px;background:rgba(255,255,255,.09)}
.crtp-contacto__safe strong{color:var(--cc-gold-light)} .crtp-contacto__notice{margin-bottom:20px;padding:13px 15px;border-radius:9px;font-size:14px}
.crtp-contacto__notice--success{border:1px solid #8fd5b3;background:#eaf8f1;color:var(--cc-green)}
.crtp-contacto__notice--error{border:1px solid #f0aaa4;background:#fff1f0;color:var(--cc-red)} @keyframes crtp-fade-up{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.crtp-contacto__hero,.crtp-contacto__card,.crtp-contacto__info{animation:none}}
@media(max-width:820px){
.crtp-contacto__layout{grid-template-columns:1fr}
.crtp-contacto__hero{min-height:340px;margin-top:24px}
.crtp-contacto__hero-media{background-position:62% center}
}
@media(max-width:560px){
.crtp-contacto{padding:0 14px 50px}
.crtp-contacto__hero{border-radius:16px;min-height:300px}
.crtp-contacto__hero-scrim{background:linear-gradient(180deg,rgba(11,26,48,.55) 0%,rgba(11,26,48,.94) 72%)}
.crtp-contacto__grid{grid-template-columns:1fr}
.crtp-contacto__card,.crtp-contacto__info{border-radius:14px}
.crtp-contacto__form button{width:100%}
}