/* Approved section 02 only. Existing preview values and action links retained. */
#producto #costos-producto{padding:56px 0;background:#fff}
#producto #costos-producto>.feature-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:48px}
#producto #costos-producto .copy{order:2;min-width:0;max-width:none}
#producto #costos-producto .native-costs-preview{order:1;min-width:0;width:100%;margin:0;padding:0!important;background:#fff!important;border-radius:12px!important}
#producto #costos-producto .costs-eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:26px;font-size:18px;line-height:1.5;letter-spacing:0;text-transform:none;font-weight:500}
#producto #costos-producto .cost-module-icon{width:32px;height:32px;flex:0 0 32px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#producto #costos-producto .copy>h2{font-family:'Source Serif 4',Georgia,serif!important;font-size:clamp(36px,3.4vw,52px);font-weight:600;line-height:1.15;letter-spacing:-.03em;margin:0 0 24px;text-wrap:balance}
#producto #costos-producto .copy>p{font-size:20px;line-height:1.6;color:#171817;max-width:none;margin:0 0 18px;text-wrap:pretty}
#producto #costos-producto .copy>p strong{font-weight:700}
#producto #costos-producto .cost-change-note{display:flex;align-items:flex-start;gap:14px;margin:24px 0;padding:18px;border:1px solid #d9ddda;background:#fafbf9;border-radius:10px}
#producto #costos-producto .cost-change-note svg{width:26px;height:26px;flex:0 0 26px;margin-top:3px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#producto #costos-producto .cost-change-note p{margin:0;font-size:17px;line-height:1.6;color:#30342e;max-width:none}
#producto #costos-producto .detail{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0;border:0;width:100%;max-width:none}
#producto #costos-producto .detail-tag{display:inline-flex;align-items:center;justify-content:center;margin:0;padding:8px 12px;font-size:16px;line-height:1.4;font-weight:400;border:1px solid #d9ddda;border-radius:8px;background:#fff;color:#171817}
#producto #costos-producto .publications-preview-head{padding:22px 24px;gap:16px;align-items:center}
#producto #costos-producto .publications-preview-head h3{font-size:24px;line-height:1.3;font-weight:600;letter-spacing:-.025em}
#producto #costos-producto .publications-preview-head p{font-size:15px!important;line-height:1.5!important;margin:6px 0 0;max-width:none}
#producto #costos-producto .preview-open{font-size:14px;line-height:1.4;min-height:40px;padding:9px 12px}
#producto #costos-producto .native-preview-body{padding:22px 24px}
#producto #costos-producto .native-preview-summary>div{padding:14px 16px;background:#fafbf9}
#producto #costos-producto .native-preview-summary dt{font-size:16px;line-height:1.5;color:#30342e}
#producto #costos-producto .native-preview-summary dd{font-size:22px;line-height:1.35;margin-top:6px}
#producto #costos-producto .native-preview-body h4{font-size:19px;line-height:1.4;font-weight:600;margin:22px 0 14px;letter-spacing:-.02em}
#producto #costos-producto .native-cost-fields{gap:16px 12px}
#producto #costos-producto .native-cost-fields dt{font-size:15px;line-height:1.5;color:#30342e}
#producto #costos-producto .native-cost-fields dd{font-size:16px;line-height:1.5;padding:10px 12px;min-height:44px;margin-top:6px}
#producto #costos-producto .native-cost-fields .preview-placeholder{font-size:15px;line-height:1.5}
#producto #costos-producto .native-preview-footer{margin-top:20px;padding-top:18px}
#producto #costos-producto .preview-action{font-size:16px;line-height:1.4;min-height:46px;padding:11px 16px}
@media(max-width:1000px){
 #producto #costos-producto>.feature-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:28px}
 #producto #costos-producto .copy>h2{font-size:38px}
 #producto #costos-producto .copy>p{font-size:18px}
 #producto #costos-producto .native-cost-fields{grid-template-columns:minmax(0,1fr)}
 #producto #costos-producto .publications-preview-head,#producto #costos-producto .native-preview-body{padding:20px}
}
@media(max-width:820px){
 #producto #costos-producto{padding:36px 0}
 #producto #costos-producto>.feature-grid{grid-template-columns:minmax(0,1fr);gap:26px}
 #producto #costos-producto .copy{order:0}
 #producto #costos-producto .native-costs-preview{order:1}
 #producto #costos-producto .costs-eyebrow{font-size:17px;margin-bottom:18px}
 #producto #costos-producto .copy>h2{font-size:clamp(32px,5.4vw,42px);line-height:1.16;margin-bottom:20px}
 #producto #costos-producto .copy>p{font-size:18px;line-height:1.65}
 #producto #costos-producto .cost-change-note{padding:16px;margin:20px 0}
 #producto #costos-producto .cost-change-note p{font-size:16px}
 #producto #costos-producto .detail-tag{font-size:15px;padding:8px 10px}
 #producto #costos-producto .native-cost-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
 #producto #costos-producto .publications-preview-head h3{font-size:22px}
}
@media(max-width:580px){
 #producto #costos-producto .native-cost-fields{grid-template-columns:minmax(0,1fr)}
 #producto #costos-producto .publications-preview-head,#producto #costos-producto .native-preview-body{padding:20px 18px}
 #producto #costos-producto .publications-preview-head{align-items:flex-start}
 #producto #costos-producto .preview-action{width:100%}
}
@media(max-width:420px){
 #producto #costos-producto .costs-eyebrow{font-size:16px}
 #producto #costos-producto .cost-module-icon{width:28px;height:28px;flex-basis:28px}
 #producto #costos-producto .copy>h2{font-size:32px}
 #producto #costos-producto .copy>p{font-size:17px}
}