/* Landing «Productos especiales de cartonaje a medida» (productos-especiales) */
body .csespeciales,body .csespeciales *{box-sizing:border-box}body .csespeciales{--wine:#7A232B;--ink:#292522;--cream:#F8F4EE;--sand:#E8DDD0;font-family:Poppins,Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;overflow:hidden}body .csespeciales a{text-decoration:none}body .csespeciales .wrap{width:min(1220px,calc(100% - 44px));margin:auto}body .csespeciales h1,body .csespeciales h2,body .csespeciales h3{font-family:inherit;font-weight:700;letter-spacing:-.035em}body .csespeciales p{line-height:1.85}body .csespeciales .eyebrow{font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}body .csespeciales .btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 27px;background:var(--wine);color:#fff!important;border:1px solid var(--wine);font-weight:600;font-size:14px;transition:.2s;border-radius:3px}body .csespeciales .btn:hover{background:#601920;border-color:#601920}body .csespeciales .btn-outline{background:transparent;color:#fff!important;border-color:rgba(255,255,255,.65)}body .csespeciales .btn-outline:hover{background:#fff;color:var(--ink)!important;border-color:#fff}
/* HERO DIVIDIDO: texto a la izquierda, fotografía a la derecha (56%) */
body .csespeciales .hero{position:relative;min-height:630px;background:var(--cream);display:grid;grid-template-columns:44% 56%;align-items:stretch}
body .csespeciales .hero:before{display:none}
body .csespeciales .hero-inner{position:relative;z-index:1;max-width:none;margin:0;padding:clamp(65px,6vw,115px) clamp(26px,4.4vw,90px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
body .csespeciales .hero-visual{min-height:630px;background:url('/wp-content/uploads/2026/10/productos-especiales-cartonajes-sanchez.webp') center center/cover no-repeat;position:relative}
body .csespeciales .hero-visual:after{content:'';position:absolute;inset:0;border-left:1px solid rgba(41,37,34,.07);pointer-events:none}
body .csespeciales .hero .eyebrow{color:var(--wine)}
body .csespeciales h1{font-size:clamp(36px,4.1vw,50px);line-height:1.12;color:var(--ink);margin:20px 0 26px}
body .csespeciales .hero p{font-size:16px;color:#59514d;max-width:570px;margin:0 0 32px}
body .csespeciales .hero-actions{display:flex;gap:12px;flex-wrap:wrap}
body .csespeciales .hero .btn{background:var(--wine);color:#fff!important;border-color:var(--wine)}
body .csespeciales .hero .btn:hover{background:#601920}
body .csespeciales .hero .btn-outline{background:transparent;color:var(--wine)!important;border-color:var(--wine)}
body .csespeciales .hero .btn-outline:hover{background:var(--wine);color:#fff!important}
/* Franja tipo manifiesto */
body .csespeciales .statement{background:var(--cream);padding:95px 0}body .csespeciales .statement-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px;align-items:start}body .csespeciales .statement .eyebrow{color:var(--wine);padding-top:13px}body .csespeciales .statement h2{font-size:clamp(28px,3.2vw,46px);line-height:1.23;margin:0 0 22px}body .csespeciales .statement p{margin:0;color:#625c58}
/* Tipologías, composición de líneas editoriales */
body .csespeciales .types{padding:100px 0}body .csespeciales .section-top{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:40px}body .csespeciales .section-top h2{font-size:clamp(29px,3.6vw,48px);line-height:1.15;margin:10px 0 0;max-width:680px}body .csespeciales .section-top .eyebrow{color:var(--wine)}body .csespeciales .section-top>p{max-width:340px;color:#67615c;margin:0}body .csespeciales .type-list{border-top:1px solid #dcd5cf}body .csespeciales .type-row{display:grid;grid-template-columns:65px 1fr 1.25fr;gap:25px;padding:29px 0;border-bottom:1px solid #dcd5cf;align-items:start}body .csespeciales .type-row .num{color:var(--wine);font-weight:700}body .csespeciales .type-row h3{font-size:clamp(20px,2.1vw,27px);margin:0}body .csespeciales .type-row p{margin:0;color:#625b56;font-size:15px}
/* Banda contraste oscuro */
body .csespeciales .dark{background:#292522;color:#fff;padding:100px 0}body .csespeciales .dark-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}body .csespeciales .dark .eyebrow{color:#d5b69b}body .csespeciales .dark h2{color:#fff;font-size:clamp(30px,3.5vw,49px);line-height:1.18;margin:14px 0 25px}body .csespeciales .dark p{color:#d4ceca}body .csespeciales .dark-list{display:grid;gap:0}body .csespeciales .dark-item{padding:20px 0;border-bottom:1px solid #625953}body .csespeciales .dark-item h3{color:#fff;font-size:17px;margin:0 0 8px}body .csespeciales .dark-item p{margin:0;font-size:14px}
/* Aplicaciones y metodología */
body .csespeciales .uses{padding:100px 0;background:#fff}body .csespeciales .use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}body .csespeciales .use{background:var(--cream);padding:35px 29px;border-top:4px solid var(--wine)}body .csespeciales .use h3{font-size:20px;margin:0 0 12px}body .csespeciales .use p{font-size:14px;margin:0;color:#625b56}body .csespeciales .process{background:#f1eae1;padding:95px 0}body .csespeciales .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:38px}body .csespeciales .step{border-top:2px solid var(--ink);padding-top:22px}body .csespeciales .step span{font-size:13px;color:var(--wine);font-weight:700}body .csespeciales .step h3{font-size:21px;margin:12px 0}body .csespeciales .step p{font-size:14px;margin:0;color:#5e5751}
/* Preguntas frecuentes */
body .csespeciales .faq{padding:95px 0}body .csespeciales .faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}body .csespeciales .faq h2{font-size:clamp(29px,3vw,43px);margin:10px 0 15px}body .csespeciales details{border-bottom:1px solid #ddd5cf;padding:21px 0}body .csespeciales details:first-child{border-top:1px solid #ddd5cf}body .csespeciales summary{cursor:pointer;font-size:16px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:20px}body .csespeciales summary::-webkit-details-marker{display:none}body .csespeciales summary:after{content:'+';color:var(--wine);font-size:24px;line-height:1}body .csespeciales details[open] summary:after{content:'−'}body .csespeciales details p{font-size:14px;color:#625b56;margin:15px 0 0}
/* CTA final diferente: sin imagen, bloque editorial */
body .csespeciales .closing{padding:92px 0;background:var(--wine);color:#fff}body .csespeciales .closing-grid{display:grid;grid-template-columns:1fr auto;align-items:center;gap:50px}body .csespeciales .closing h2{font-size:clamp(30px,4vw,55px);color:#fff;line-height:1.15;margin:0 0 16px}body .csespeciales .closing p{color:#f5e5e6;max-width:650px;margin:0}body .csespeciales .closing .btn{background:#fff;color:var(--wine)!important;border-color:#fff;white-space:nowrap}body .csespeciales .closing .btn:hover{background:var(--cream)}
@media(max-width:950px){body .csespeciales .hero{grid-template-columns:46% 54%;min-height:540px}body .csespeciales .hero-visual{min-height:540px}body .csespeciales .hero-inner{padding:55px 30px}body .csespeciales h1{font-size:clamp(34px,4.5vw,49px)}body .csespeciales .statement-grid,body .csespeciales .dark-grid,body .csespeciales .faq-grid{grid-template-columns:1fr;gap:25px}body .csespeciales .section-top{display:block}body .csespeciales .section-top>p{margin-top:18px}body .csespeciales .type-row{grid-template-columns:35px 1fr;gap:14px}body .csespeciales .type-row p{grid-column:2}body .csespeciales .use-grid,body .csespeciales .steps{grid-template-columns:1fr 1fr}body .csespeciales .closing-grid{grid-template-columns:1fr}}
@media(max-width:680px){body .csespeciales .wrap{width:calc(100% - 32px)}body .csespeciales .hero{grid-template-columns:1fr;min-height:0}body .csespeciales .hero-inner{padding:65px 22px 50px}body .csespeciales .hero-visual{min-height:330px;background-position:center}body .csespeciales h1{font-size:clamp(34px,9vw,44px)}body .csespeciales .hero p{font-size:15px}body .csespeciales .hero-actions{flex-direction:column;align-items:stretch;width:100%}body .csespeciales .statement,body .csespeciales .types,body .csespeciales .dark,body .csespeciales .uses,body .csespeciales .process,body .csespeciales .faq,body .csespeciales .closing{padding:65px 0}body .csespeciales .use-grid,body .csespeciales .steps{grid-template-columns:1fr}body .csespeciales .type-row{padding:23px 0}}