.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}