/* Estilos específicos sitio-web extraídos de sitio-web.php */
.breadcrumb { margin-bottom:30px; }
.breadcrumb a { color:var(--primary); text-decoration:none; font-weight:500; display:inline-flex; align-items:center; gap:8px; transition:color .3s; }
.breadcrumb a:hover { color:var(--secondary); }
.selection-container { max-width:1000px; margin:0 auto; padding:40px 20px; }
.selection-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(400px,1fr)); gap:40px; margin-top:20px; }
.selection-card { background:linear-gradient(135deg,#f8f9fa 0%,#ffffff 100%); border-radius:20px; padding:40px 30px; text-align:center; border:2px solid #e9ecef; transition:.3s; cursor:pointer; position:relative; overflow:hidden; display:flex; flex-direction:column; }
.selection-card:hover { transform:translateY(-10px); box-shadow:0 20px 40px rgba(59,130,246,.15); }
.selection-icon { width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 30px;transition:.3s; }
.diy-option .selection-icon { background:linear-gradient(135deg,#28a745,#20c997); }
.professional-option .selection-icon { background:linear-gradient(135deg,#6f42c1,#8e24aa); }
.selection-icon i { font-size:35px;color:#fff; }
.selection-card h3 { font-size:28px;margin-bottom:15px;color:#2c3e50;font-weight:700; }
.selection-features { display:flex;flex-direction:column;gap:12px;margin-bottom:25px;flex-grow:1; }
.selection-features span { display:flex;align-items:center;gap:10px;font-size:14px;color:#495057;text-align:left; }
.price-info { color:#000;padding:20px;border-radius:15px;margin-bottom:25px;border:1px solid #e9ecef; }
.selection-btn { color:#fff;padding:15px 25px;border-radius:50px;font-weight:600;font-size:16px;display:flex;align-items:center;justify-content:center;gap:10px;transition:.3s; }
.diy-option .selection-btn { background:linear-gradient(135deg,#28a745,#20c997); }
.professional-option .selection-btn { background:linear-gradient(135deg,#6f42c1,#8e24aa); }
.selection-card:hover .selection-btn { transform:scale(1.05); box-shadow:0 10px 20px rgba(0,0,0,.2); }
@media (max-width:768px){ .selection-grid{grid-template-columns:1fr;gap:30px;} .selection-card{padding:30px 20px;} .selection-icon{width:70px;height:70px;margin-bottom:25px;} .selection-icon i{font-size:30px;} .selection-card h3{font-size:24px;} }
.step-container { background:linear-gradient(135deg,#0c1220,#1a2436); padding-top:40px; }
.step-section { padding:40px 0; }
.step-header { text-align:center;margin-bottom:40px; }
.step-header h2 { font-size:2.5rem;color:#fff;margin-bottom:15px; }
.step-header p { font-size:1.2rem;color:#bbb; }
.continue-btn, .finalize-btn { background-color:#28a745;color:#fff;border:none;padding:15px 30px;font-size:16px;border-radius:50px;cursor:pointer;transition:.3s;display:inline-flex;align-items:center;gap:10px;font-weight:600; }
.continue-btn:hover, .finalize-btn:hover { transform:scale(1.05); box-shadow:0 10px 20px rgba(59,130,246,.3); }