
/* ============================================================
   CrediBarco — V3 Editorial Premium
   Re-skin editorial sobre el markup vivo. Todo scoped en body.cdb-v3
   para resistir el CSS global oscuro de Kadence.
   ============================================================ */
body.cdb-v3 {
  --white:#ffffff; --sand:#f6f2eb; --sand-2:#f0ebe2;
  --navy:#0c1b2c; --navy-light:#162f4a;
  --coral:#f55e4d; --coral-soft:rgba(245,94,77,0.07); --coral-dark:#d94a3c;
  --gold:#c6a878;
  --text:#1a2b3c; --text-muted:#7a8a9a;
  --border:#e2dcd2; --border-soft:#ece7df;
  --good:#2f7d5b; --good-soft:rgba(47,125,91,0.10);
  --radius:10px; --radius-lg:18px;
  --font-display:'Playfair Display',Georgia,serif;
  --font-head:'DM Sans',system-ui,sans-serif;
  --font-body:'Inter',system-ui,sans-serif;
  --maxw:1200px; --t:0.35s cubic-bezier(0.4,0,0.2,1);
  font-family:var(--font-body); color:var(--text); background:var(--white);
  line-height:1.65; font-size:16px; -webkit-text-size-adjust:100%;
}
body.cdb-v3 *{margin:0;padding:0;box-sizing:border-box;}
body.cdb-v3 a{text-decoration:none;color:var(--navy);}
body.cdb-v3 img,body.cdb-v3 svg{max-width:100%;}
body.cdb-v3 h1{font-family:var(--font-display);line-height:1.08;font-weight:700;}
body.cdb-v3 h2,body.cdb-v3 h3,body.cdb-v3 h4{font-family:var(--font-head);line-height:1.18;letter-spacing:-0.3px;}
body.cdb-v3 .container{max-width:var(--maxw);margin:0 auto;padding:0 20px;}
body.cdb-v3 .section{padding:3rem 0;}
@media(min-width:768px){body.cdb-v3 .section{padding:4.5rem 0;}}
body.cdb-v3 .section-label{font-family:var(--font-head);font-size:0.68rem;font-weight:600;text-transform:uppercase;letter-spacing:3px;color:var(--coral);margin-bottom:0.6rem;}
body.cdb-v3 .section-title{font-family:var(--font-display);font-size:clamp(1.7rem,3.4vw,2.5rem);font-weight:700;color:var(--navy);margin-bottom:0.6rem;}
body.cdb-v3 .section-desc{color:var(--text-muted);font-size:0.98rem;max-width:620px;margin-bottom:2.2rem;}

/* Buttons */
body.cdb-v3 .btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;font-family:var(--font-head);font-size:0.85rem;font-weight:600;padding:0.8rem 1.5rem;border-radius:100px;border:1.5px solid transparent;cursor:pointer;transition:all var(--t);white-space:nowrap;}
body.cdb-v3 .btn-primary{background:var(--navy);color:var(--white);}
body.cdb-v3 .btn-primary:hover{background:var(--navy-light);transform:translateY(-1px);}
body.cdb-v3 .btn-outline{background:transparent;border-color:var(--border);color:var(--navy);}
body.cdb-v3 .btn-outline:hover{border-color:var(--navy);background:var(--navy);color:var(--white);}
body.cdb-v3 .btn-coral{background:var(--coral);color:#fff;}
body.cdb-v3 .btn-coral:hover{background:var(--coral-dark);}

/* HEADER */
body.cdb-v3 .header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,0.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border-soft);transition:background var(--t);}
body.cdb-v3 .header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:64px;}
body.cdb-v3 .logo{font-family:var(--font-head);font-weight:800;font-size:1.15rem;letter-spacing:-0.3px;color:var(--navy);display:flex;align-items:center;gap:0.5rem;}
body.cdb-v3 .logo-dot{width:9px;height:9px;border-radius:50%;background:var(--coral);display:inline-block;}
body.cdb-v3 .nav{display:flex;align-items:center;gap:1.6rem;}
body.cdb-v3 .nav a{color:var(--text-muted);font-family:var(--font-head);font-size:0.85rem;font-weight:500;transition:color var(--t);}
body.cdb-v3 .nav a:hover{color:var(--navy);}
body.cdb-v3 .nav a.btn{color:var(--white);}
body.cdb-v3 .nav-toggle{display:none;background:none;border:none;font-size:1.5rem;color:var(--navy);cursor:pointer;line-height:1;}
body.cdb-v3 .nav-overlay{display:none;position:fixed;inset:0;background:rgba(12,27,44,0.45);z-index:99;}
body.cdb-v3 .nav-overlay.show{display:block;}

/* HERO */
body.cdb-v3 .hero{padding-top:5.5rem;}
body.cdb-v3 .hero-grid{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center;}
body.cdb-v3 .hero-badge{display:inline-flex;align-items:center;gap:0.45rem;font-family:var(--font-head);font-size:0.68rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--coral);background:var(--coral-soft);padding:0.35rem 0.85rem;border-radius:100px;margin-bottom:1.2rem;}
body.cdb-v3 .hero-title{font-size:clamp(2.1rem,5vw,3.4rem);color:var(--navy);margin-bottom:1.1rem;}
body.cdb-v3 .hero-title .gradient{font-style:italic;font-weight:600;color:var(--coral);}
body.cdb-v3 .hero-sub{font-size:1.02rem;color:var(--text-muted);max-width:480px;margin-bottom:1.8rem;}
body.cdb-v3 .hero-sub strong{color:var(--navy);font-weight:600;}
body.cdb-v3 .hero-ctas{display:flex;flex-wrap:wrap;gap:0.8rem;margin-bottom:1.8rem;}
body.cdb-v3 .hero-stats{display:flex;flex-wrap:wrap;gap:0.6rem;}
body.cdb-v3 .stat-pill{font-family:var(--font-head);font-size:0.78rem;color:var(--text-muted);background:var(--sand);border:1px solid var(--border-soft);padding:0.45rem 0.85rem;border-radius:100px;}
body.cdb-v3 .stat-pill strong{color:var(--navy);font-weight:700;}

/* CARDS base (glass -> editorial surface) */
body.cdb-v3 .glass{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);}

/* CALCULATOR */
body.cdb-v3 .calc-card{padding:1.75rem;box-shadow:0 12px 48px rgba(12,27,44,0.08);}
body.cdb-v3 .calc-card h3{font-family:var(--font-display);font-size:1.4rem;color:var(--navy);}
body.cdb-v3 .calc-sub{font-size:0.83rem;color:var(--text-muted);margin-bottom:1.3rem;}
body.cdb-v3 .calc-group{margin-bottom:1.1rem;}
body.cdb-v3 .calc-group label{display:block;font-family:var(--font-head);font-size:0.72rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:0.5rem;}
body.cdb-v3 .calc-group input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:var(--border);outline:none;margin:0.3rem 0;}
body.cdb-v3 .calc-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--navy);cursor:pointer;border:3px solid var(--white);box-shadow:0 1px 6px rgba(0,0,0,0.18);}
body.cdb-v3 .calc-group input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--navy);cursor:pointer;border:3px solid var(--white);box-shadow:0 1px 6px rgba(0,0,0,0.18);}
body.cdb-v3 .calc-range-wrap{display:flex;justify-content:space-between;align-items:center;}
body.cdb-v3 .range-val{font-family:var(--font-head);font-weight:700;color:var(--navy);font-size:0.95rem;}
body.cdb-v3 .calc-group select{width:100%;padding:0.7rem 0.85rem;border:1px solid var(--border);border-radius:8px;font-family:var(--font-body);font-size:0.9rem;color:var(--text);background:var(--white);cursor:pointer;}
body.cdb-v3 .calc-group select:focus{outline:none;border-color:var(--navy);}
body.cdb-v3 .calc-result{margin-top:1.4rem;padding:1.3rem;background:var(--sand);border-radius:var(--radius);text-align:center;}
body.cdb-v3 .result-label{font-size:0.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:0.3rem;}
body.cdb-v3 .result-amount{font-family:var(--font-display);font-size:2.3rem;color:var(--navy);line-height:1.1;}
body.cdb-v3 .result-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:0.5rem;margin-top:1.1rem;padding-top:1.1rem;border-top:1px solid var(--border);}
body.cdb-v3 .breakdown-item{font-size:0.68rem;color:var(--text-muted);line-height:1.4;}
body.cdb-v3 .breakdown-item strong{display:block;font-family:var(--font-head);font-size:0.9rem;color:var(--navy);margin-top:0.2rem;}
body.cdb-v3 .calc-disclaimer{font-size:0.68rem;color:var(--text-muted);text-align:center;margin-top:0.9rem;}

/* TRUST BAND */
body.cdb-v3 .trust-band{background:var(--sand);}
body.cdb-v3 .trust-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.8rem 20px;}
body.cdb-v3 .trust-count{font-family:var(--font-display);font-size:1.9rem;color:var(--navy);}
body.cdb-v3 .trust-count span{color:var(--coral);}
body.cdb-v3 .trust-label{font-size:0.8rem;color:var(--text-muted);}
body.cdb-v3 .trust-logos{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem;color:var(--navy);opacity:0.45;}
body.cdb-v3 .trust-logos svg{height:20px;width:auto;}

/* PRODUCTS */
body.cdb-v3 .products-grid{display:grid;grid-template-columns:1fr;gap:1.1rem;}
body.cdb-v3 .product-card{padding:1.8rem;background:var(--sand);border:1px solid transparent;transition:all var(--t);}
body.cdb-v3 .product-card:hover{background:var(--white);border-color:var(--border);box-shadow:0 8px 32px rgba(12,27,44,0.07);transform:translateY(-3px);}
body.cdb-v3 .product-card.featured{background:var(--white);border-color:var(--coral);box-shadow:0 8px 32px rgba(245,94,77,0.10);}
body.cdb-v3 .product-badge{display:inline-block;font-family:var(--font-head);font-size:0.62rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;padding:0.25rem 0.7rem;border-radius:100px;margin-bottom:0.9rem;}
body.cdb-v3 .badge-teal{color:var(--good);background:var(--good-soft);}
body.cdb-v3 .badge-coral{color:var(--coral);background:var(--coral-soft);}
body.cdb-v3 .product-card.featured .product-badge{color:var(--coral);background:var(--coral-soft);}
body.cdb-v3 .product-card h3{font-family:var(--font-display);font-size:1.35rem;color:var(--navy);margin-bottom:0.5rem;}
body.cdb-v3 .product-card>p{font-size:0.88rem;color:var(--text-muted);margin-bottom:1.1rem;}
body.cdb-v3 .product-features{list-style:none;margin-bottom:1.4rem;}
body.cdb-v3 .product-features li{font-size:0.85rem;padding:0.35rem 0;display:flex;gap:0.55rem;font-weight:500;}
body.cdb-v3 .product-features li::before{content:'—';color:var(--gold);font-weight:700;}
body.cdb-v3 .product-card .btn{width:100%;}

/* STEPS */
body.cdb-v3 .steps-grid{display:grid;grid-template-columns:1fr;gap:1.1rem;}
body.cdb-v3 .step-card{padding:1.6rem;text-align:left;}
body.cdb-v3 .step-number{font-family:var(--font-display);font-size:2.4rem;color:var(--gold);line-height:1;margin-bottom:0.6rem;}
body.cdb-v3 .step-card h3{font-size:1.1rem;color:var(--navy);margin-bottom:0.4rem;}
body.cdb-v3 .step-card p{font-size:0.85rem;color:var(--text-muted);}

/* BOATS */
body.cdb-v3 .catalog-filters{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1.8rem;}
body.cdb-v3 .filter-pill{font-family:var(--font-head);font-size:0.72rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;padding:0.45rem 1.05rem;border-radius:100px;border:1.5px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer;transition:all var(--t);}
body.cdb-v3 .filter-pill.active{border-color:var(--navy);background:var(--navy);color:var(--white);}
body.cdb-v3 .boats-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;}
body.cdb-v3 .boat-card{overflow:hidden;transition:all var(--t);}
body.cdb-v3 .boat-card:hover{box-shadow:0 10px 36px rgba(12,27,44,0.10);transform:translateY(-3px);}
body.cdb-v3 .boat-img{height:170px;background:var(--sand);position:relative;display:flex;align-items:center;justify-content:center;color:var(--navy);}
body.cdb-v3 .boat-img svg{width:64px;height:64px;opacity:0.35;}
body.cdb-v3 .boat-price-chip{position:absolute;bottom:0.7rem;right:0.7rem;background:var(--coral);color:#fff;font-family:var(--font-head);font-size:0.72rem;font-weight:700;padding:0.3rem 0.7rem;border-radius:100px;}
body.cdb-v3 .boat-body{padding:1.1rem;}
body.cdb-v3 .boat-type{font-family:var(--font-head);font-size:0.68rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);}
body.cdb-v3 .boat-body h3{font-family:var(--font-display);font-size:1.15rem;color:var(--navy);margin:0.3rem 0;}
body.cdb-v3 .boat-price{font-size:0.85rem;color:var(--text-muted);margin-bottom:0.9rem;}
body.cdb-v3 .boat-body .btn{width:100%;font-size:0.78rem;padding:0.6rem 1rem;}

/* COMPARISON */
body.cdb-v3 .comparison-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-lg);}
body.cdb-v3 .comparison-table{width:100%;border-collapse:collapse;font-size:0.88rem;min-width:560px;}
body.cdb-v3 .comparison-table th,body.cdb-v3 .comparison-table td{padding:0.9rem 1rem;text-align:center;border-bottom:1px solid var(--border);}
body.cdb-v3 .comparison-table thead th{background:var(--navy);color:var(--white);font-family:var(--font-head);font-weight:600;font-size:0.78rem;text-transform:uppercase;letter-spacing:1px;}
body.cdb-v3 .comparison-table thead th:first-child{background:var(--navy);}
body.cdb-v3 .comparison-table td:first-child{text-align:left;color:var(--navy);}
body.cdb-v3 .comparison-table tbody tr:nth-child(even){background:var(--sand);}
body.cdb-v3 .comparison-table .highlight-row{background:var(--coral-soft)!important;}
body.cdb-v3 .comparison-table .highlight-row td{font-weight:600;color:var(--navy);}
body.cdb-v3 .tag{font-family:var(--font-head);font-size:0.7rem;font-weight:600;display:inline-block;padding:0.15rem 0.6rem;border-radius:6px;}
body.cdb-v3 .tag-green{background:var(--good-soft);color:var(--good);}
body.cdb-v3 .tag-blue{background:rgba(12,27,44,0.07);color:var(--navy);}
body.cdb-v3 .tag-orange{background:var(--coral-soft);color:var(--coral);}
body.cdb-v3 .check{color:var(--good);font-weight:700;}
body.cdb-v3 .cross{color:var(--coral);font-weight:700;}

/* BENEFITS */
body.cdb-v3 .benefits-grid{display:grid;grid-template-columns:1fr;gap:1.1rem;}
body.cdb-v3 .benefit-card{padding:1.6rem;}
body.cdb-v3 .benefit-icon{width:46px;height:46px;border-radius:12px;background:var(--coral-soft);color:var(--coral);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;}
body.cdb-v3 .benefit-icon svg{width:24px;height:24px;}
body.cdb-v3 .benefit-card h3{font-size:1.08rem;color:var(--navy);margin-bottom:0.4rem;}
body.cdb-v3 .benefit-card p{font-size:0.85rem;color:var(--text-muted);}

/* FAQ */
body.cdb-v3 .faq-list{max-width:780px;margin:0 auto;}
body.cdb-v3 .faq-item{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:0.7rem;overflow:hidden;background:var(--white);}
body.cdb-v3 .faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;text-align:left;background:none;border:none;cursor:pointer;padding:1.1rem 1.25rem;font-family:var(--font-head);font-size:0.95rem;font-weight:600;color:var(--navy);}
body.cdb-v3 .faq-question .icon{font-size:1.3rem;color:var(--coral);transition:transform var(--t);flex-shrink:0;line-height:1;}
body.cdb-v3 .faq-item.open .faq-question .icon{transform:rotate(45deg);}
body.cdb-v3 .faq-answer{max-height:0;overflow:hidden;transition:max-height var(--t);}
body.cdb-v3 .faq-item.open .faq-answer{max-height:600px;}
body.cdb-v3 .faq-answer>div{padding:0 1.25rem 1.2rem;font-size:0.9rem;color:var(--text-muted);line-height:1.7;}

/* TESTIMONIAL */
body.cdb-v3 .testimonial-card{max-width:760px;margin:0 auto;padding:2.5rem 2rem;text-align:center;background:var(--white);}
body.cdb-v3 .testimonial-text{font-family:var(--font-display);font-size:1.3rem;font-style:italic;color:var(--navy);line-height:1.5;margin-bottom:1.5rem;}
body.cdb-v3 .testimonial-author{display:flex;align-items:center;justify-content:center;gap:0.8rem;}
body.cdb-v3 .testimonial-avatar{width:46px;height:46px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-weight:700;font-size:0.9rem;}
body.cdb-v3 .testimonial-name{font-family:var(--font-head);font-weight:600;color:var(--navy);text-align:left;}
body.cdb-v3 .testimonial-role{font-size:0.8rem;color:var(--text-muted);text-align:left;}

/* FOOTER */
body.cdb-v3 .footer{background:var(--navy);color:rgba(255,255,255,0.7);padding:3rem 0 2rem;}
body.cdb-v3 .footer .container{padding:0 20px;}
body.cdb-v3 .footer-grid{display:grid;grid-template-columns:1fr;gap:1.8rem;margin-bottom:2rem;}
body.cdb-v3 .footer .logo{color:#fff;margin-bottom:0.8rem;}
body.cdb-v3 .footer-brand p{font-size:0.85rem;color:rgba(255,255,255,0.55);max-width:300px;}
body.cdb-v3 .footer-col h4{font-family:var(--font-head);font-size:0.72rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--gold);margin-bottom:0.9rem;}
body.cdb-v3 .footer-col ul{list-style:none;}
body.cdb-v3 .footer-col li{padding:0.28rem 0;font-size:0.86rem;}
body.cdb-v3 .footer-col a,body.cdb-v3 .footer-col span.fmuted{color:rgba(255,255,255,0.7);transition:color var(--t);}
body.cdb-v3 .footer-col a:hover{color:#fff;}
body.cdb-v3 .footer-col span.fmuted{color:rgba(255,255,255,0.45);}
body.cdb-v3 .footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:0.8rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,0.12);font-size:0.76rem;color:rgba(255,255,255,0.5);}
body.cdb-v3 .footer-bottom a{color:rgba(255,255,255,0.5);}
body.cdb-v3 .footer-bottom a:hover{color:#fff;}

/* MOBILE STICKY */
body.cdb-v3 .mobile-sticky{position:fixed;bottom:0;left:0;right:0;z-index:90;background:rgba(255,255,255,0.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border);padding:0.65rem 1rem;display:flex;gap:0.6rem;}
body.cdb-v3 .mobile-sticky .btn{flex:1;}

/* ANIMATIONS */
body.cdb-v3 .animate-in{opacity:0;transform:translateY(24px);transition:opacity 0.6s ease-out,transform 0.6s ease-out;}
body.cdb-v3 .animate-in.visible{opacity:1;transform:none;}

/* RESPONSIVE (gap #4 reduced-motion incluido al final) */
@media(min-width:640px){
  body.cdb-v3 .products-grid{grid-template-columns:repeat(3,1fr);}
  body.cdb-v3 .steps-grid{grid-template-columns:repeat(3,1fr);}
  body.cdb-v3 .benefits-grid{grid-template-columns:repeat(2,1fr);}
  body.cdb-v3 .boats-grid{grid-template-columns:repeat(2,1fr);}
  body.cdb-v3 .footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;}
}
@media(min-width:900px){
  body.cdb-v3 .nav-toggle{display:none;}
  body.cdb-v3 .mobile-sticky{display:none;}
  body.cdb-v3 .benefits-grid{grid-template-columns:repeat(4,1fr);}
  body.cdb-v3 .boats-grid{grid-template-columns:repeat(3,1fr);}
}
@media(min-width:1024px){
  body.cdb-v3 .header-inner{height:72px;}
  body.cdb-v3 .hero{padding-top:7rem;}
  body.cdb-v3 .hero-grid{grid-template-columns:1.1fr 1fr;gap:3rem;}
}
@media(max-width:899px){
  body.cdb-v3 .nav-toggle{display:block;}
  body.cdb-v3 .nav{position:fixed;top:0;right:-300px;width:280px;height:100vh;background:var(--white);flex-direction:column;align-items:stretch;justify-content:flex-start;padding:5rem 1.5rem 2rem;gap:0.5rem;box-shadow:-8px 0 40px rgba(12,27,44,0.12);transition:right var(--t);z-index:101;}
  body.cdb-v3 .nav.open{right:0;}
  body.cdb-v3 .nav a{padding:0.6rem 0;border-bottom:1px solid var(--border-soft);}
  body.cdb-v3 .nav a.btn{border-bottom:none;margin-top:0.5rem;}
  body.cdb-v3 .footer-bottom{flex-direction:column;}
}
@media(prefers-reduced-motion:reduce){
  body.cdb-v3 *,body.cdb-v3 *::before,body.cdb-v3 *::after{animation:none!important;transition:none!important;}
  body.cdb-v3 .animate-in{opacity:1!important;transform:none!important;}
}


/* ===== Integración Kadence: solo cuando este bloque está presente ===== */
body.cdb-v3, body.page-id-18478 { background:#ffffff !important; }
body.cdb-v3 #masthead, body.cdb-v3 .site-header,
body.page-id-18478 #masthead, body.page-id-18478 .site-header { display:none !important; }
body.cdb-v3 #colophon, body.cdb-v3 .site-footer,
body.page-id-18478 #colophon, body.page-id-18478 .site-footer { display:none !important; }
body.cdb-v3 .entry-title, body.cdb-v3 .entry-hero, body.cdb-v3 .page-title,
body.page-id-18478 .entry-title, body.page-id-18478 .entry-hero, body.page-id-18478 .page-title { display:none !important; }
body.cdb-v3 .content-area, body.cdb-v3 .site-main, body.cdb-v3 .entry-content,
body.cdb-v3 .single-content, body.cdb-v3 .content-container, body.cdb-v3 .site-container,
body.page-id-18478 .content-area, body.page-id-18478 .site-main, body.page-id-18478 .entry-content,
body.page-id-18478 .single-content, body.page-id-18478 .content-container, body.page-id-18478 .site-container {
  margin:0 !important; padding:0 !important; max-width:none !important; background:transparent !important; box-shadow:none !important; border:0 !important;
}

/* ===== Header global: menú WordPress (term 83) en estilo editorial ===== */
body.cdb-v3 .nav .menu, body.cdb-v3 .nav .sub-menu{list-style:none;margin:0;padding:0;}
body.cdb-v3 .nav .menu{display:flex;align-items:center;gap:1.6rem;}
body.cdb-v3 .nav .menu > li{position:relative;}
body.cdb-v3 .nav .menu a{color:var(--text-muted);font-family:var(--font-head);font-size:0.85rem;font-weight:500;transition:color var(--t);display:inline-flex;align-items:center;gap:0.3rem;}
body.cdb-v3 .nav .menu a:hover{color:var(--navy);}
body.cdb-v3 .nav .menu .menu-item-has-children > a::after{content:'⌄';font-size:0.85em;opacity:0.55;margin-top:-2px;}
body.cdb-v3 .nav .sub-menu{position:absolute;top:calc(100% + 8px);left:0;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 14px 44px rgba(12,27,44,.12);padding:0.5rem;min-width:250px;max-width:340px;opacity:0;visibility:hidden;transform:translateY(8px);transition:all var(--t);z-index:101;}
body.cdb-v3 .nav .menu > li:hover > .sub-menu, body.cdb-v3 .nav .menu > li:focus-within > .sub-menu{opacity:1;visibility:visible;transform:none;}
body.cdb-v3 .nav .sub-menu a{display:block;padding:0.55rem 0.7rem;border-radius:8px;font-size:0.8rem;line-height:1.35;color:var(--text);}
body.cdb-v3 .nav .sub-menu a:hover{background:var(--sand);color:var(--navy);}
body.cdb-v3 .nav .nav-cta{margin-left:0.5rem;color:#fff!important;}
@media(max-width:899px){
  body.cdb-v3 .nav .menu{flex-direction:column;align-items:stretch;gap:0;width:100%;}
  body.cdb-v3 .nav .menu a{padding:0.6rem 0;border-bottom:1px solid var(--border-soft);}
  body.cdb-v3 .nav .menu .menu-item-has-children > a::after{margin-left:auto;}
  body.cdb-v3 .nav .sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;padding:0 0 0 0.9rem;min-width:0;max-width:none;}
  body.cdb-v3 .nav .sub-menu a{font-size:0.78rem;}
}

/* ===== Neutralizar el wrapper "boxed" oscuro de Kadence ===== */
body.cdb-v3 article.entry, body.cdb-v3 .content-bg, body.cdb-v3 .entry-content-wrap,
body.cdb-v3 .content-wrap, body.cdb-v3 .single-content {
  background:transparent !important; box-shadow:none !important; border:0 !important;
  padding:0 !important; margin:0 !important; border-radius:0 !important; max-width:none !important;
}
body.cdb-v3 .entry-content > * { margin-top:0; margin-bottom:0; }

/* ===== Páginas interiores: prose editorial (reutilizable) ===== */
body.cdb-v3 .cdb-page{padding-top:6rem;}
@media(min-width:1024px){body.cdb-v3 .cdb-page{padding-top:7rem;}}
body.cdb-v3 .cdb-page-hero{background:var(--sand);padding:3.2rem 0 2.8rem;margin-bottom:2.8rem;}
body.cdb-v3 .cdb-page-hero .container{max-width:860px;}
body.cdb-v3 .cdb-page-hero h1{font-family:var(--font-display);font-size:clamp(2rem,4.5vw,3rem);color:var(--navy);margin:0.5rem 0 0.8rem;line-height:1.1;}
body.cdb-v3 .cdb-page-lead{font-size:1.1rem;color:var(--text-muted);max-width:700px;line-height:1.6;}
body.cdb-v3 .cdb-prose{max-width:820px;margin:0 auto;padding:0 20px;}
body.cdb-v3 .cdb-prose h2{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,1.9rem);color:var(--navy);margin:2.6rem 0 1rem;}
body.cdb-v3 .cdb-prose h3{font-family:var(--font-head);font-size:1.2rem;color:var(--navy);margin:2rem 0 0.7rem;letter-spacing:-0.2px;}
body.cdb-v3 .cdb-prose h4{font-family:var(--font-head);font-size:1.02rem;color:var(--navy);margin:1.5rem 0 0.5rem;}
body.cdb-v3 .cdb-prose p{font-size:1rem;color:var(--text);margin-bottom:1.1rem;line-height:1.75;}
body.cdb-v3 .cdb-prose a{color:var(--coral);text-decoration:underline;text-underline-offset:2px;}
body.cdb-v3 .cdb-prose a:hover{color:var(--coral-dark);}
body.cdb-v3 .cdb-prose ul,body.cdb-v3 .cdb-prose ol{list-style:none;margin:0 0 1.5rem;padding:0;}
body.cdb-v3 .cdb-prose ul li{position:relative;padding:0.5rem 0 0.5rem 1.5rem;color:var(--text);border-bottom:1px solid var(--border-soft);font-size:0.96rem;}
body.cdb-v3 .cdb-prose ul li::before{content:'—';position:absolute;left:0;color:var(--gold);font-weight:700;}
body.cdb-v3 .cdb-prose ol{counter-reset:cdb;padding-left:0;}
body.cdb-v3 .cdb-prose ol li{position:relative;padding:0.5rem 0 0.5rem 2.2rem;counter-increment:cdb;border-bottom:1px solid var(--border-soft);}
body.cdb-v3 .cdb-prose ol li::before{content:counter(cdb,decimal-leading-zero);position:absolute;left:0;color:var(--gold);font-family:var(--font-display);font-weight:700;}
body.cdb-v3 .cdb-prose li strong{color:var(--navy);font-weight:600;}
body.cdb-v3 .cdb-prose blockquote{border-left:3px solid var(--coral);background:var(--coral-soft);padding:1rem 1.5rem;border-radius:0 10px 10px 0;margin:1.5rem 0;}
body.cdb-v3 .cdb-prose blockquote p{font-style:italic;color:var(--navy);margin:0;}
body.cdb-v3 .cdb-cta-box{background:var(--navy);border-radius:var(--radius-lg);padding:2.5rem 2rem;text-align:center;margin:3rem auto;max-width:820px;}
body.cdb-v3 .cdb-cta-box h3{font-family:var(--font-display);font-size:1.5rem;color:#fff;margin-bottom:0.5rem;}
body.cdb-v3 .cdb-cta-box p{color:rgba(255,255,255,0.72);margin-bottom:1.4rem;}
body.cdb-v3 .cdb-cards{display:grid;gap:1rem;grid-template-columns:1fr;max-width:860px;margin:1.5rem auto;}
@media(min-width:700px){body.cdb-v3 .cdb-cards.cols-2{grid-template-columns:1fr 1fr;}body.cdb-v3 .cdb-cards.cols-3{grid-template-columns:repeat(3,1fr);}}
body.cdb-v3 .cdb-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;}
body.cdb-v3 .cdb-card h3{font-family:var(--font-display);font-size:1.2rem;color:var(--navy);margin-bottom:0.4rem;}
body.cdb-v3 .cdb-card p{font-size:0.9rem;color:var(--text-muted);margin:0;}

/* ===== Formularios (preservan markup .form-page, re-estilo editorial) ===== */
body.cdb-v3 .form-page{display:grid;gap:1rem;max-width:620px;margin:1.5rem auto 0;}
body.cdb-v3 .form-page label{font-family:var(--font-head);font-size:0.72rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:0.05em;}
body.cdb-v3 .form-page input,body.cdb-v3 .form-page textarea,body.cdb-v3 .form-page select{padding:0.8rem 0.9rem;background:#fff;border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:var(--font-body);font-size:0.95rem;outline:none;transition:border .2s;width:100%;}
body.cdb-v3 .form-page input:focus,body.cdb-v3 .form-page textarea:focus,body.cdb-v3 .form-page select:focus{border-color:var(--navy);}
body.cdb-v3 .form-page textarea{min-height:130px;resize:vertical;}
body.cdb-v3 .form-page button{justify-self:start;}
/* Contact Form 7 editorial */
body.cdb-v3 .wpcf7 input:not([type=submit]),body.cdb-v3 .wpcf7 textarea,body.cdb-v3 .wpcf7 select{width:100%;padding:0.8rem 0.9rem;background:#fff;border:1px solid var(--border);border-radius:8px;font-family:var(--font-body);font-size:0.95rem;margin-top:0.3rem;}
body.cdb-v3 .wpcf7 textarea{min-height:130px;}
body.cdb-v3 .wpcf7 label{font-family:var(--font-head);font-size:0.85rem;color:var(--navy);display:block;margin-bottom:0.6rem;}
body.cdb-v3 .wpcf7 input[type=submit]{background:var(--coral);color:#fff;border:none;border-radius:100px;padding:0.85rem 1.8rem;font-family:var(--font-head);font-weight:600;font-size:0.9rem;cursor:pointer;transition:all var(--t);}
body.cdb-v3 .wpcf7 input[type=submit]:hover{background:var(--coral-dark);}

/* ===== BLOG: posts individuales (is_single) editorial ===== */
body.cdb-v3.single .entry-title, body.cdb-v3.blog .page-title, body.cdb-v3.archive .page-title{display:block!important;}
body.cdb-v3.single .entry-header.post-title{background:var(--sand);padding:6.5rem 0 2.4rem;margin-bottom:2.4rem;text-align:center;}
body.cdb-v3.single .entry-header .entry-title{font-family:var(--font-display)!important;font-size:clamp(1.8rem,4vw,2.7rem)!important;color:var(--navy)!important;max-width:820px;margin:0.4rem auto;padding:0 20px;line-height:1.15;}
body.cdb-v3.single .entry-header .entry-meta{justify-content:center;color:var(--text-muted);font-family:var(--font-head);font-size:0.8rem;}
body.cdb-v3.single .entry-content.single-content{max-width:780px!important;margin:0 auto!important;padding:0 20px!important;}
body.cdb-v3.single .single-content h2{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,1.9rem);color:var(--navy);margin:2.4rem 0 1rem;}
body.cdb-v3.single .single-content h3{font-family:var(--font-head);font-size:1.2rem;color:var(--navy);margin:1.8rem 0 0.7rem;}
body.cdb-v3.single .single-content h4{font-family:var(--font-head);color:var(--navy);margin:1.4rem 0 0.5rem;}
body.cdb-v3.single .single-content p{font-size:1.02rem;color:var(--text);line-height:1.8;margin-bottom:1.2rem;}
body.cdb-v3.single .single-content a{color:var(--coral);text-decoration:underline;text-underline-offset:2px;}
body.cdb-v3.single .single-content li{margin:0.45rem 0;color:var(--text);}
body.cdb-v3.single .single-content img{border-radius:12px;height:auto;}
body.cdb-v3.single .single-content blockquote{border-left:3px solid var(--coral);background:var(--coral-soft);padding:1rem 1.5rem;border-radius:0 10px 10px 0;margin:1.5rem 0;}
body.cdb-v3 .entry-tags{max-width:780px;margin:1.5rem auto 0;padding:0 20px;}
body.cdb-v3 .entry-related{max-width:1200px;margin:3rem auto 0;padding:0 20px;}

/* ===== BLOG: archivo / categorías (loop cards) editorial ===== */
body.cdb-v3.blog .hero-container, body.cdb-v3.archive .hero-container, body.cdb-v3.search .hero-container{background:var(--sand)!important;padding:6.5rem 0 2.4rem!important;}
body.cdb-v3.blog .page-title, body.cdb-v3.archive .page-title{font-family:var(--font-display)!important;color:var(--navy)!important;font-weight:700!important;}
body.cdb-v3 .loop-entry.content-bg{background:var(--white)!important;border:1px solid var(--border)!important;border-radius:var(--radius-lg)!important;overflow:hidden;margin-bottom:1.6rem;padding:0!important;box-shadow:0 2px 16px rgba(12,27,44,.05);transition:all var(--t);}
body.cdb-v3 .loop-entry.content-bg:hover{box-shadow:0 10px 36px rgba(12,27,44,.09);transform:translateY(-2px);}
body.cdb-v3 .loop-entry .entry-content-wrap{padding:1.5rem!important;}
body.cdb-v3 .loop-entry .entry-title{font-family:var(--font-display);font-size:1.3rem;line-height:1.25;}
body.cdb-v3 .loop-entry .entry-title a{color:var(--navy);}
body.cdb-v3 .loop-entry .entry-title a:hover{color:var(--coral);}
body.cdb-v3 .loop-entry .entry-summary{color:var(--text-muted);font-size:0.92rem;}
body.cdb-v3 .loop-entry .entry-meta, body.cdb-v3 .loop-entry .entry-meta a{color:var(--text-muted);font-size:0.78rem;font-family:var(--font-head);}
body.cdb-v3 .loop-entry .entry-taxonomies a{color:var(--coral);font-size:0.72rem;}
body.cdb-v3 .loop-entry .post-thumbnail img{border-radius:0;}

/* ===== Single post: imagen featured como banner ===== */
body.cdb-v3.single .post-thumbnail{height:480px!important;max-height:480px!important;padding-bottom:0!important;overflow:hidden!important;display:block!important;}
body.cdb-v3.single .post-thumbnail img{width:100%!important;height:480px!important;max-height:480px!important;object-fit:cover!important;object-position:center top!important;max-width:100%!important;}

/* ===== Blog/archive: restaurar anchura de contenedor ===== */
body.cdb-v3.blog .content-container,
body.cdb-v3.archive .content-container,
body.cdb-v3.search .content-container{max-width:var(--maxw)!important;margin:0 auto!important;padding:0 20px!important;}
body.cdb-v3.blog .content-area-wrap,
body.cdb-v3.archive .content-area-wrap{padding:3rem 0;}

/* ===== Loop cards: thumbnail fijo ===== */
body.cdb-v3 .loop-entry .post-thumbnail{height:200px!important;overflow:hidden!important;display:block!important;max-height:200px!important;}
body.cdb-v3 .loop-entry .post-thumbnail img{width:100%!important;height:200px!important;max-width:100%!important;object-fit:cover!important;object-position:center!important;}

/* ===== Blog/archive: fix UL directo en site-main (sin content-container) ===== */
body.cdb-v3.blog ul.content-wrap.kadence-posts-list,
body.cdb-v3.archive ul.content-wrap.kadence-posts-list {
  padding-top:6.5rem!important;
  padding-left:20px!important;
  padding-right:20px!important;
  max-width:var(--maxw)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}

/* ===== Blog hero: título visible cuando hero-container existe ===== */
body.cdb-v3.blog .hero-container,
body.cdb-v3.archive .hero-container {
  padding:6.5rem 0 2rem!important;
  background:var(--sand)!important;
  text-align:center;
}

/* ===== Loop cards: mostrar título (estaba oculto por la regla global) ===== */
body.cdb-v3 .loop-entry .entry-title{display:block!important;font-family:var(--font-display);font-size:1.2rem;color:var(--navy);line-height:1.25;margin-bottom:0.5rem!important;}
body.cdb-v3 .loop-entry .entry-title a{color:var(--navy)!important;text-decoration:none!important;}
body.cdb-v3 .loop-entry .entry-title a:hover{color:var(--coral)!important;}


/* ===== FIXES 2026-06-27 ===== */

/* 1) Logo: gap:0.5rem separaba "Credi" de "Barco" como flex items anónimos.
      Se elimina el gap global y se reemplaza con margin-right solo en el punto. */
body.cdb-v3 .logo { gap: 0; }
body.cdb-v3 .logo .logo-dot { margin-right: 0.5rem; flex-shrink: 0; }

/* 2) Navegación Anterior/Siguiente: sin restricción de ancho heredaba
      max-width:none del reset global de .content-wrap. Se ancla al ancho editorial. */
body.cdb-v3.single .post-navigation {
  max-width: 820px;
  margin: 2rem auto;
  padding: 0 20px;
  width: 100%;
  box-sizing: border-box;
}

/* 3) Publicaciones Similares: .entry-related-inner tiene clases content-container
      y site-container, que el reset global anulaba (max-width:none, padding:0).
      Se restauran con selector más específico (3 clases > 2 clases). */
body.cdb-v3 .entry-related .entry-related-inner {
  max-width: var(--maxw) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 20px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* 4) Root fix: el reset global de .site-container/.content-container hacía max-width:none
      en TODAS las páginas. En single posts el carrusel Splide expandía content-wrap a 2545px,
      rompiendo cualquier margin:auto. Se restaura la restricción de ancho para .single. */
body.cdb-v3.single .site-container,
body.cdb-v3.single .content-container {
  max-width: var(--maxw) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* 5) Root fix definitivo: el reset global ponía max-width:none en .content-area,
      que absorbía el overflow del carrusel Splide hasta 2545px. Al centrar con
      margin:auto en 2545px, post-nav y related quedaban desplazados fuera del viewport.
      Restringir .content-area a 100vw en single posts corta el overflow en la fuente. */
body.cdb-v3.single .content-area {
  max-width: 100vw !important;
  overflow-x: clip !important;
}

/* 6) Publicaciones Similares definitivo: .entry-related.alignfull estaba capeado a 1200px
      (línea 346) → .alignwide interno desbordaba 95px a la izquierda del borde oscuro →
      "Publicac" visible sobre blanco, "iones Similares" invisible (texto oscuro sobre navy).
      Fix: restaurar ancho a 100vw para alignfull + color blanco en el título. */
body.cdb-v3.single .entry-related.alignfull {
  max-width: none !important;
  width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: 0 !important;
  padding: 3rem 0 0 !important;
}
body.cdb-v3 .entry-related-title {
  color: #ffffff !important;
}

/* 7) Imagen cabecera: .article-post-thumbnail usa márgenes negativos de Kadence
      (.alignwide) que la sacan 115px por cada lado del .content-wrap (1200px).
      Se anula el breakout para que coincida con el ancho de la mancheta beige. */
body.cdb-v3.single .article-post-thumbnail,
body.cdb-v3.single .post-thumbnail-inner {
  max-width: 100% !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* 8) Tipografía tarjetas "Publicaciones Similares": el H3.entry-title hereda el
      tamaño editorial del tema (43.2px) porque la regla .loop-entry .entry-title
      (línea 398) no lleva !important y Kadence la machaca. Se fuerza con !important. */
body.cdb-v3 .entry-related .entry-title {
  font-size: 1.2rem !important;
  line-height: 1.25 !important;
}

/* 8b) Fix especificidad título carrusel: Kadence usa .entry-header dentro de cada slide,
       por lo que body.cdb-v3.single .entry-header .entry-title (0,4,1) ganaba a nuestra
       regla (0,3,1). Se eleva la especificidad incluyendo .entry-header en el selector. */
body.cdb-v3.single .entry-related .entry-header .entry-title {
  font-size: 1.2rem !important;
  line-height: 1.25 !important;
}

/* 9) Sangría de listas en el contenido de posts: el reset global (línea 23: * {margin:0;padding:0})
      elimina el padding-left nativo del UA para ul/ol. Se restaura solo en .entry-content
      y se anula de vuelta para .cdb-prose (bloques con diseño propio sin bullet). */
body.cdb-v3 .entry-content ul,
body.cdb-v3 .entry-content ol {
  padding-left: 1.5em;
  margin-bottom: 1rem;
}
body.cdb-v3 .entry-content li {
  margin-bottom: 0.3rem;
}
body.cdb-v3 .cdb-prose ul,
body.cdb-v3 .cdb-prose ol {
  padding-left: 0;
  margin-bottom: 0;
}

/* 10) Publicaciones Similares — espacio bajo las tarjetas:
       Fix #6 establecía padding: 3rem 0 0 (bottom=0). Las tarjetas quedaban pegadas
       al paginado. Se añade padding-bottom para separar el último slide de los puntos. */
body.cdb-v3.single .entry-related.alignfull {
  padding-bottom: 2.5rem !important;
}

/* 11) Sangría ol notable: con list-style-position:outside el marcador consume el
       padding-left pero el ol arranca en el mismo borde que el h2. Añadir margin-left
       desplaza toda la lista (marcadores + texto) hacia la derecha del título. */
body.cdb-v3 .entry-content ol {
  margin-left: 1.5em;
}

/* 12) Puntos de paginación "Publicaciones Similares": activo e inactivo eran
       rgb(0,0,0) — negro sobre navy oscuro, prácticamente invisibles.
       Inactivo: dorado suave. Activo: cian pálido/plateado. */
body.cdb-v3 .entry-related .splide__pagination__page {
  background: rgba(190, 155, 70, 0.50) !important;
  opacity: 1 !important;
}
body.cdb-v3 .entry-related .splide__pagination__page.is-active {
  background: #a0cfe0 !important;
  transform: scale(1.25) !important;
}

/* 13) Blog pagination: centered, vertical spacing, active page in brand navy */
body.cdb-v3 .navigation.pagination {
  margin: 2.5rem auto !important;
}
body.cdb-v3 .navigation.pagination .nav-links {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 0.4rem !important;
}
body.cdb-v3 .page-numbers.current {
  background: var(--navy, #0c1b2c) !important;
  border-color: var(--navy, #0c1b2c) !important;
  color: #ffffff !important;
}

/* 14) Boat card images — fill the .boat-img container properly */
body.cdb-v3 .boat-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
  display: block;
}
