/* --- COMPORTAMIENTO SCROLL --- */ html { scroll-behavior: smooth; } /* --- CONTENEDOR PRINCIPAL --- */ .ic-container { width: 100%; max-width: 100%; margin: 0; font-family: 'Montserrat', sans-serif; color: #1a1a1a; box-sizing: border-box; padding-top: 130px; } /* --- MENÚ DE NAVEGACIÓN (FIXED) --- */ .ic-sticky-nav { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 999999; background: rgba(255, 255, 255, 0.98); backdrop-filter: blur(10px); border-bottom: 1px solid rgba(0,0,0,0.05); padding: 40px 0; text-align: center; box-shadow: 0 4px 20px rgba(0,0,0,0.04); transition: all 0.3s ease; } .ic-nav-links { display: flex; justify-content: center; gap: 60px; flex-wrap: wrap; padding: 0 40px; } .ic-nav-item { text-decoration: none; color: #1a1a1a; font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-weight: 700; font-size: 13px; letter-spacing: 2px; padding: 10px 5px; transition: all 0.3s ease; border-bottom: 2px solid transparent; } .ic-nav-item:hover { color: #000; border-bottom: 2px solid #000; } /* --- BLOQUES DE CONTENIDO --- */ .ic-block { width: 100%; margin-bottom: 0; display: flex; flex-direction: column; scroll-margin-top: 160px; } /* --- HEADER FOTO --- */ .ic-header { position: relative; width: 100%; height: 550px; background-size: cover; background-position: center; background-repeat: no-repeat; display: flex; flex-direction: column; justify-content: flex-end; padding: 60px 10%; box-sizing: border-box; } .ic-overlay { position: absolute; top:0; left:0; right:0; bottom:0; background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%); z-index: 1; } .ic-header-content { position: relative; z-index: 2; color: #fff; max-width: 1200px; } /* TIPOGRAFÍA TÍTULOS */ .ic-big-title { font-family: 'Playfair Display', serif; font-size: 70px; line-height: 0.9; font-weight: 700; text-transform: uppercase; margin: 0 0 15px 0; letter-spacing: -1px; text-shadow: 0 2px 10px rgba(0,0,0,0.3); } /* RESUMEN (SIN PUNTO, NEGRITA) */ .ic-summary { font-family: 'Montserrat', sans-serif; font-size: 13px; line-height: 1.5; font-weight: 500; max-width: 350px; margin-bottom: 20px; border-left: 0; padding-left: 0; } .ic-summary strong { font-size: 16px; font-weight: 800; display: block; margin-bottom: 8px; letter-spacing: 0.5px; } .ic-summary ul { list-style: none; padding: 0; margin: 0; } .ic-summary li { margin-bottom: 2px; } /* --- PARTE INFERIOR: INFO --- */ .ic-body { padding: 80px 10%; box-sizing: border-box; width: 100%; } .ic-content-wrapper { max-width: 1200px; } .ic-intro { font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: 700; line-height: 1.2; margin-bottom: 40px; max-width: 800px; color: #1a1a1a; } .ic-price-box { font-family: 'Montserrat', sans-serif; font-size: 50px; font-weight: 700; margin-bottom: 50px; line-height: 1; } .ic-iva { font-size: 13px; font-weight: 600; display: block; margin-top: 10px; opacity: 0.9; letter-spacing: 0px; text-transform: none; } /* GRID DETALLES */ .ic-details-grid { display: flex; flex-wrap: wrap; gap: 60px; margin-top: 50px; border-top: 1px solid rgba(0,0,0,0.2); padding-top: 40px; } .ic-col { flex: 1; min-width: 300px; } /* --- NUEVO ESTILO: EN DETALLE (Título Principal de Sección) --- */ .ic-detail-header { font-family: 'Montserrat', sans-serif; font-weight: 800; /* Extra negrita */ font-size: 24px; /* MÁS GRANDE */ text-transform: uppercase; margin-bottom: 25px; /* MARGEN INFERIOR PARA SEPARAR */ color: #000; line-height: 1.2; display: block; } /* SUBTÍTULOS (Dos fotógrafos, etc.) */ .ic-subtitle { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 20px; margin-bottom: 15px; color: #000; line-height: 1.2; } .ic-text { font-size: 15px; line-height: 1.6; margin-bottom: 30px; opacity: 0.9; } /* NOTAS PIE DE PÁGINA */ .ic-footer-note { font-size: 11px; margin-top: 60px; opacity: 1; line-height: 1.4; max-width: 800px; } .ic-footer-note strong { font-weight: 700; display: block; margin-bottom: 5px; } /* --- COLORES --- */ .style-esencial .ic-body { background-color: #e8e8e6; color: #111; } .style-esencial .ic-details-grid { border-top-color: #000; } .style-editorial .ic-body { background-color: #dce06b; color: #000; } .style-editorial .ic-details-grid { border-top-color: #000; } .style-editorial .ic-big-title { color: #dce06b; text-shadow: 0 0 30px rgba(0,0,0,0.8); } .style-addons .ic-body { background-color: #00a099; color: #fff; } .style-addons .ic-big-title { color: #dce06b; } /* ADDONS LIST */ .addons-container { margin-top: 20px; } .addon-top-row { display: flex; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,0.4); padding: 20px 0; flex-wrap: wrap; } .addon-half { width: 48%; display: flex; justify-content: space-between; align-items: center; } .addon-full-row { border-bottom: 1px solid rgba(255,255,255,0.4); padding: 30px 0; } .addon-title-price { font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 500; margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center; } .addon-desc { font-size: 14px; line-height: 1.5; opacity: 0.95; } .addon-center-note { text-align: center; font-size: 12px; padding: 10px 0; opacity: 0.9; width: 100%; } /* BOTONES */ .ic-btn { display: inline-block; margin-top: 40px; padding: 18px 0; text-decoration: none; font-weight: 700; font-size: 13px; letter-spacing: 0.5px; text-transform: uppercase; cursor: pointer; } .style-esencial .ic-btn { color: #000; border-bottom: 2px solid #000; } .style-esencial .ic-btn:hover { opacity: 0.7; } .style-editorial .ic-btn { color: #000; border-bottom: 2px solid #000; } .style-editorial .ic-btn:hover { opacity: 0.7; } .style-addons .ic-btn { color: #fff; border: 2px solid #fff; padding: 15px 40px; } /* MÓVIL Y TABLET */ @media (max-width: 768px) { .ic-sticky-nav { padding: 15px 10px; top: 80px; } .ic-nav-links { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 0; } .ic-nav-item { font-size: 10px; background-color: #f9f9f9; border-radius: 4px; padding: 8px 0; border: 1px solid rgba(0,0,0,0.05); width: 100%; box-sizing: border-box; } .ic-nav-item:last-child { grid-column: span 2; } .ic-container { padding-top: 170px; } .ic-block { scroll-margin-top: 200px; } .ic-header { padding: 40px 20px; height: 400px; } .ic-body { padding: 50px 20px; } .ic-big-title { font-size: 42px; } .ic-details-grid { flex-direction: column; gap: 30px; } .ic-price-box { font-size: 40px; } .ic-intro { font-size: 20px; } .addon-top-row { flex-direction: column; gap: 10px; } .addon-half { width: 100%; border-bottom: 1px solid rgba(255,255,255,0.2); padding-bottom: 10px; } .addon-half:last-child { border-bottom: none; } .addon-title-price { flex-direction: column; align-items: flex-start; gap: 5px; } }