.brick-series,.cubicador-container,.cubicador-header{border-radius:10px;padding:20px}.brick-card.selected,.brick-card:hover{border-color:#da291c;transform:translateY(-3px)}.cubicador-container{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;max-width:1200px;margin:0 auto;background-color:#f2f3f5;box-shadow:0 4px 6px rgba(0,0,0,.1)}.brick-selector,.cubicador-header{margin-bottom:30px}.brick-series,.form-section,.results-section{box-shadow:0 2px 4px rgba(0,0,0,.1);background:#fff}.cubicador-header{text-align:center;background:linear-gradient(135deg,#da291c,#b7401c);color:#fff}.cubicador-header h2{margin:0 0 10px;font-size:1.8rem;font-weight:700;color:#fff}.cubicador-header p{margin:0;opacity:.9}.brick-selector h3{text-align:center;color:#686868;margin-bottom:20px}.brick-series{margin-bottom:20px}.series-header{font-size:1.2rem;font-weight:700;margin-bottom:15px;padding:10px;border-radius:5px}.series-header.santiago{background-color:#da291c;color:#fff}.series-header.santiagote{background-color:#686868;color:#fff}.brick-grid{display:grid;gap:20px}.brick-grid.santiago-grid{grid-template-columns:repeat(4,1fr)}.brick-grid.santiagote-grid{grid-template-columns:repeat(3,1fr)}.brick-card{border:2px solid #b7b7b7;border-radius:10px;padding:20px;text-align:center;cursor:pointer;transition:.3s;background:#fff;display:flex;flex-direction:column;align-items:center}.brick-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.15)}.brick-card.selected{background-color:#f2f3f5;box-shadow:0 4px 12px rgba(218,41,28,.3)}.brick-image{width:100%;max-width:180px;height:180px;object-fit:cover;border-radius:8px;margin-bottom:12px;transition:.3s}.brick-card:hover .brick-image{transform:scale(1.05)}.brick-name,.result-title{font-weight:700;margin-bottom:8px;color:#686868}.brick-dimensions{color:#b7b7b7;font-size:.9rem;margin-bottom:5px}.canteria-selector,.form-group{margin-bottom:20px}.units-per-pallet{color:#da291c;font-weight:700;font-size:.85rem}.main-content{display:grid;grid-template-columns:2fr 1fr;gap:30px}@media (max-width:1024px){.brick-grid.santiago-grid,.brick-grid.santiagote-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.brick-grid.santiago-grid,.brick-grid.santiagote-grid,.main-content{grid-template-columns:1fr}.brick-image{max-width:150px;height:150px}}.form-section,.results-section{padding:25px;border-radius:10px}.form-section h4,.results-section h4{color:#da291c;margin-bottom:20px;border-bottom:2px solid #b7b7b7;padding-bottom:10px}.canteria-selector{background-color:#f2f3f5;padding:15px;border-radius:8px}.canteria-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-top:10px}.canteria-option{display:flex;align-items:center;gap:8px}.form-group label{display:block;font-weight:700;margin-bottom:5px;color:#686868}.form-group input,.form-group select{width:100%;padding:10px;border:1px solid #b7b7b7;border-radius:5px;font-size:1rem}.form-group input:focus,.form-group select:focus{outline:0;border-color:#da291c;box-shadow:0 0 0 2px rgba(218,41,28,.25)}.form-help{font-size:.85rem;color:#b7b7b7;margin-top:5px}.result-card{background:linear-gradient(135deg,#f2f3f5 0,#b7b7b7 100%);border-left:4px solid #da291c;padding:15px;margin-bottom:15px;border-radius:8px}.result-value{font-size:1.4rem;font-weight:700;color:#da291c;margin-bottom:5px}.info-card,.warning-card{margin-bottom:15px;padding:15px;background-color:#f2f3f5}.result-unit{color:#b7b7b7;font-size:.9rem}.result-extra{margin-top:8px;font-size:.85rem;color:#686868}.info-card{border:1px solid #b7b7b7;border-radius:8px}.info-card h6{color:#686868;margin-bottom:10px;font-weight:700}.warning-card{border:1px solid #da291c;border-radius:8px}.warning-card small{color:#686868}.calculation-method{background-color:#f2f3f5;padding:15px;border-radius:8px;margin-top:20px;font-size:.9rem;color:#686868}.alert{padding:12px 16px;margin:15px 0;border-radius:6px;text-align:center}.alert-info{background-color:#f2f3f5;border:1px solid #b7b7b7;color:#686868}.separator{height:1px;background-color:#b7b7b7;margin:20px 0}.optional-section{background-color:#f2f3f5;padding:15px;border-radius:8px;margin:20px 0}.optional-section h6{color:#686868;margin-bottom:5px}

/* Selector de Textura */
.texture-selector-section{margin-top:25px;margin-bottom:25px}
.texture-header{background-color:#333333;color:#fff}
.texture-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:10px}
.texture-card{border:2px solid #b7b7b7;border-radius:8px;padding:14px 16px;cursor:pointer;background:#fff;display:flex;align-items:center;gap:12px;transition:border-color .2s,box-shadow .2s,transform .2s}
.texture-card:hover{border-color:#da291c;transform:translateY(-2px)}
.texture-card.selected{border-color:#da291c;background-color:#fff8f8;box-shadow:0 3px 10px rgba(218,41,28,.15)}
.texture-card input[type="radio"]{display:none}
.texture-radio-circle{width:18px;height:18px;border-radius:50%;border:2px solid #b7b7b7;box-sizing:border-box;flex-shrink:0;transition:.2s;position:relative}
.texture-card.selected .texture-radio-circle{border-color:#da291c;background:#da291c;box-shadow:inset 0 0 0 3px #fff}
.texture-info{display:flex;flex-direction:column}
.texture-title{font-weight:700;color:#1F1F1F;font-size:15px}
.texture-desc{color:#777;font-size:12px;margin-top:2px}
@media (max-width:768px){.texture-grid{grid-template-columns:1fr}}

/* Botón y Acción de Cotización */
.quote-action-container{margin-top:24px}
.cubicador-quote-btn{width:100%;background-color:#da291c;color:#fff;border:none;border-radius:8px;padding:15px 20px;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:background-color .2s,transform .2s,box-shadow .2s;box-shadow:0 4px 12px rgba(218,41,28,.25)}
.cubicador-quote-btn:hover:not(.disabled):not(.loading){background-color:#b72216;transform:translateY(-2px);box-shadow:0 6px 16px rgba(218,41,28,.35)}
.cubicador-quote-btn.disabled{background-color:#b7b7b7;cursor:not-allowed;box-shadow:none;opacity:.7}
.cubicador-quote-btn.loading{background-color:#b72216;cursor:wait;opacity:.85}
.cubicador-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:cubicador-spin .7s linear infinite;display:inline-block}
@keyframes cubicador-spin{to{transform:rotate(360deg)}}
.cubicador-feedback{padding:10px 14px;border-radius:6px;font-size:13px;margin-top:12px;text-align:center}
.cubicador-feedback.warning{background-color:#fff3cd;color:#856404;border:1px solid #ffeeba}
.cubicador-feedback.info{background-color:#e2f0fb;color:#0c5460;border:1px solid #bee5eb}