/* ========================================== Seneros Residencial - Global Styles ========================================== */ html{ scroll-behavior:smooth;}.icon-fill{ font-variation-settings:'FILL' 1,'wght' 400,'GRAD' 0,'opsz' 24;}/* ========================================== Seneros Residencial - Navigation Styles ========================================== */ *{ margin:0;padding:0;box-sizing:border-box;}body{ margin:0;}.navbar{position:fixed;top:0;z-index:50;width:100%;height:5rem;background:linear-gradient(90deg,rgba(91,61,102,0.9) 0%,rgba(124,60,122,0.9) 20%,rgba(124,60,122,0.9) 70%,rgba(74,44,83,0.9) 100%);box-shadow:0 10px 15px -3px rgba(0,0,0,0.1)}.navbar-container{max-width:1280px;width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;height:100%;padding:0 20px}@media(min-width:768px){.navbar-container{padding:0 24px}}.navbar-logo{ display:flex;align-items:center;justify-content:flex-start;flex-grow:1;}@media (min-width:1024px){ .navbar-logo{ flex-grow:0;}}.navbar-logo img{ height:3rem;width:auto;object-fit:contain;}@media (min-width:768px){ .navbar-logo img{ height:3.5rem;}}.navbar-links{ display:none;align-items:center;gap:1rem;}@media (min-width:1024px){ .navbar-links{ display:flex;}}.nav-link{ font-family:'Inter',sans-serif;font-size:14px;line-height:20px;letter-spacing:0.05em;font-weight:400;color:#ffffff;text-decoration:none;position:relative;padding-bottom:4px;transition:color 0.3s cubic-bezier(0.4,0,0.2,1);}.nav-link::after{ content:'';position:absolute;bottom:0;left:50%;width:100%;height:2px;background:linear-gradient(90deg,#ecb3f6,#ce98d9);transform:translateX(-50%) scaleX(0);transform-origin:center;transition:transform 0.35s cubic-bezier(0.4,0,0.2,1);border-radius:2px;}.nav-link:hover{ color:#ecb3f6;}.nav-link:hover::after{ transform:translateX(-50%) scaleX(1);}.nav-link.active::after{ transform:translateX(-50%) scaleX(1);background:linear-gradient(90deg,#ecb3f6,#fcd7ff);height:2px;box-shadow:0 0 8px rgba(236,179,246,0.5);}.navbar-actions{ display:flex;align-items:center;gap:1rem;}.nav-menu-btn{ display:block;color:#ffffff;padding:0.5rem;background:none;border:none;cursor:pointer;}@media (min-width:1024px){ .nav-menu-btn{ display:none;}}.nav-menu-btn .material-symbols-outlined{ font-size:1.875rem;}.nav-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;transition:background .3s ease,border-color .3s ease}.nav-icon-btn:hover{background:rgba(236,179,246,.15);border-color:rgba(236,179,246,.4);color:#ecb3f6}.nav-icon-btn .material-symbols-outlined{font-size:20px}.nav-dropdown-profile{position:relative}.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:190px;background:rgba(91,61,102,.97);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:12px;padding:.5rem 0;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .25s ease,visibility .25s ease,transform .25s ease;box-shadow:0 20px 35px -8px rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);z-index:100}.nav-dropdown-profile:hover .profile-dropdown,.nav-dropdown-profile:focus-within .profile-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.profile-dropdown a{display:flex;align-items:center;gap:.625rem;font-family:"Inter",sans-serif;font-size:14px;color:rgba(255,255,255,.85);text-decoration:none;padding:.6rem 1.25rem;transition:background .2s ease,color .2s ease}.profile-dropdown a:hover{background:rgba(255,255,255,.08);color:#ecb3f6}.profile-dropdown a svg{flex-shrink:0}.nav-dropdown{position:relative}.nav-dropdown-trigger{display:inline-flex;align-items:center;gap:2px}.nav-dropdown-arrow{font-size:18px;transition:transform .3s ease}.nav-dropdown:hover .nav-dropdown-arrow{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(8px);min-width:200px;background:rgba(91,61,102,.97);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:12px;padding:.5rem 0;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease,transform .25s ease;box-shadow:0 20px 35px -8px rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);z-index:100}.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(12px)}.nav-dropdown-item{display:block;font-family:"Inter",sans-serif;font-size:14px;color:rgba(255,255,255,.85);text-decoration:none;padding:.6rem 1.25rem;transition:background .2s ease,color .2s ease;white-space:nowrap}.nav-dropdown-item:hover{background:rgba(255,255,255,.08);color:#ecb3f6}/* ========================================== Seneros Residencial - Button Styles ========================================== */ .btn{ font-family:'Inter',sans-serif;font-size:14px;line-height:1.4;letter-spacing:0.05em;font-weight:600;text-transform:uppercase;color:#ffffff;background-color:#42164e;border:none;border-radius:0.75rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;position:relative;overflow:hidden;transition:transform 0.4s cubic-bezier(0.25,0.46,0.45,0.94),box-shadow 0.4s cubic-bezier(0.25,0.46,0.45,0.94),background-color 0.4s cubic-bezier(0.25,0.46,0.45,0.94),border-color 0.4s cubic-bezier(0.25,0.46,0.45,0.94);}.btn::before{ content:'';position:absolute;inset:-2px;border-radius:calc(0.75rem + 2px);background:linear-gradient(135deg,rgba(236,179,246,0),rgba(236,179,246,0),rgba(236,179,246,0));opacity:0;transition:opacity 0.5s cubic-bezier(0.25,0.46,0.45,0.94);z-index:-1;}.btn:hover{ transform:scale(1.02);box-shadow:0 12px 35px rgba(66,22,78,0.25);}.btn:active{ transform:scale(0.98);box-shadow:0 4px 12px rgba(66,22,78,0.2);transition-duration:0.15s;}.btn-sm{ padding:0.625rem 1rem;}.btn-md{ padding:0.625rem 1.5rem;}.btn-lg{ padding:0.625rem 2.5rem;width:100%;}@media (min-width:640px){ .btn-lg{ width:auto;}}.btn-primary{ background-color:#42164e;color:#ffffff;}.btn-primary:hover{ background-color:#5a2d66;box-shadow:0 12px 35px rgba(66,22,78,0.35);}.btn-primary-light{ background-color:#ffffff;color:#42164e;border:2px solid transparent;box-shadow:0 15px 30px -8px rgba(0,0,0,0.12);}.btn-primary-light:hover{ background-color:#f5eaf7;border-color:rgba(66,22,78,0.08);box-shadow:0 20px 40px -8px rgba(66,22,78,0.18);}.btn-outline-white{ background:transparent;color:#ffffff;border:2px solid rgba(255,255,255,0.8);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);}.btn-outline-white:hover{ background-color:rgba(255,255,255,0.08);border-color:#ce98d9;box-shadow:0 0 30px rgba(206,152,217,0.2);}.btn-show-mobile{ display:block;}@media (min-width:1024px){ .btn-show-mobile{ display:none;}}.btn-show-desktop{ display:none;}@media (min-width:1024px){ .btn-show-desktop{ display:flex;}}.btn-card{ width:100%;padding:0.75rem;background-color:#42164e;color:#ffffff;border-radius:0.75rem;font-size:13px;}.btn-card:hover{ background-color:#552E64;}.btn-whatsapp{ width:100%;padding:0.75rem;background-color:#25D366;color:#ffffff;border-radius:0.75rem;gap:0.5rem;font-size:13px;}.btn-whatsapp:hover{ filter:brightness(1.08);box-shadow:0 4px 15px rgba(37,211,102,0.3);}/* ========================================== Seneros Residencial - Hero Styles ========================================== */ .hero{ position:relative;height:100vh;min-height:600px;display:flex;flex-direction:column;overflow:hidden;}.hero-bg{ position:absolute;inset:0;z-index:0;background:#2a0d2e url('../img/fachada-vermentino.webp') center/cover no-repeat;}.hero-video{ position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}.hero-poster{ position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;}.hero-overlay{ position:absolute;inset:0;z-index:2;background:linear-gradient(to bottom,rgba(66,22,78,0.4),rgba(66,22,78,0.7));}.hero-content{ position:relative;z-index:10;text-align:center;color:#ffffff;padding:5rem 20px 5rem;max-width:56rem;margin:0 auto;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;}@keyframes fadeUp{ 0%{ opacity:0;transform:translateY(30px);}100%{ opacity:1;transform:translateY(0);}}@keyframes fadeIn{ 0%{ opacity:0;}100%{ opacity:1;}}@keyframes fadeScale{ 0%{ opacity:0;transform:scale(0.92);}100%{ opacity:1;transform:scale(1);}}.hero-content > *{ opacity:0;animation:fadeUp 0.7s cubic-bezier(0.22,1,0.36,1) forwards;}.hero-badge{ animation-delay:0.15s;display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;background:rgba(255,255,255,0.1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:9999px;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,0.2);font-family:'Inter',sans-serif;font-size:14px;line-height:1.4;letter-spacing:0.05em;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;}.hero-badge .material-symbols-outlined{ color:#ecb3f6;}.hero-title{ animation-delay:0.35s;font-family:'Inter',sans-serif;font-size:48px;line-height:1.2;font-weight:700;margin-bottom:1.5rem;text-shadow:0 4px 12px rgba(0,0,0,0.3);}@media (min-width:768px){ .hero-title{ font-size:64px;line-height:1.1;letter-spacing:-0.02em;}}.hero-highlight{ color:#ce98d9;}.hero-subtitle{ animation:fadeIn 0.8s ease 0.95s forwards;font-family:'Inter',sans-serif;font-size:18px;line-height:1.6;font-weight:400;opacity:0;max-width:42rem;margin:0 auto 3rem;text-shadow:0 4px 12px rgba(0,0,0,0.3);}@media (min-width:768px){ .hero-subtitle{ font-size:1.25rem;}}.hero-actions{ animation-delay:0.75s;display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center;}@media (min-width:640px){ .hero-actions{ flex-direction:row;}}.hero-scroll-btn{ opacity:0;animation:fadeUp 0.6s cubic-bezier(0.22,1,0.36,1) 1s forwards;position:absolute;bottom:2.5rem;left:50%;transform:translateX(-50%);z-index:20;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,0.12);border:1.5px solid rgba(255,255,255,0.35);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;transition:all 0.35s cubic-bezier(0.25,0.46,0.45,0.94);}.hero-scroll-btn:hover{ background:rgba(236,179,246,0.2);border-color:#ce98d9;transform:translateX(-50%) scale(1.12);opacity:1;box-shadow:0 0 20px rgba(206,152,217,0.3);}.hero-scroll-btn:active{ transform:translateX(-50%) scale(0.92);}.hero-scroll-btn .material-symbols-outlined{ font-size:1.75rem;color:#ffffff;}/* ========================================== Seneros Residencial - Stats Bar Styles ========================================== */ .stats{ background-color:#ffffff;padding:3rem 0;border-bottom:1px solid #ebdfec;}.stats-container{ max-width:1280px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr;gap:2rem;text-align:center;}@media (min-width:768px){ .stats-container{ grid-template-columns:repeat(3,1fr);padding:0 24px;}}.stat-item{ display:flex;flex-direction:column;align-items:center;}.stat-number{ font-family:'Inter',sans-serif;font-size:36px;line-height:1.1;letter-spacing:-0.02em;font-weight:700;color:#87317D;margin-bottom:0.5rem;}.stat-label{ font-family:'Inter',sans-serif;font-size:14px;line-height:1.4;letter-spacing:0.05em;font-weight:600;text-transform:uppercase;color:#6B7280;}.stat-item-bordered{ padding:2rem 0;border-top:1px solid #ebdfec;border-bottom:1px solid #ebdfec;}@media (min-width:768px){ .stat-item-bordered{ padding:0;border-top:none;border-bottom:none;border-left:1px solid #ebdfec;border-right:1px solid #ebdfec;}}/* ========================================== Seneros Residencial - Models Section Styles ========================================== */ .models{ padding:2rem 0 4rem;background-color:#FAF7F5;scroll-margin-top:5rem;}@media (min-width:768px){ .models{ padding:0 0 7.5rem;}}.models-container{ max-width:1280px;margin:0 auto;padding:0 20px;}@media (min-width:768px){ .models-container{ padding:24px 24px;}}.models-header{ text-align:center;margin-bottom:2rem;}.models-title{ font-family:'Inter',sans-serif;font-size:32px;line-height:1.2;font-weight:600;color:#3D1E45;margin-bottom:1rem;}@media (min-width:768px){ .models-title{ font-size:40px;}}.models-description{ font-family:'Inter',sans-serif;font-size:16px;line-height:1.6;color:#6B7280;max-width:42rem;margin:0 auto;}.models-grid{ display:grid;grid-template-columns:1fr;gap:2rem;}@media (min-width:768px){ .models-grid{ grid-template-columns:repeat(2,1fr);}}@media (min-width:1024px){ .models-grid{ grid-template-columns:repeat(3,1fr);}}.model-card{ background-color:#ffffff;border-radius:1rem;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 40px rgba(61,30,69,0.05);transition:box-shadow 0.5s ease;}.model-card:hover{ box-shadow:0 25px 50px rgba(61,30,69,0.1);}.model-image-wrap{ position:relative;overflow:hidden;aspect-ratio:1.75;}.model-image{ width:100%;height:100%;object-fit:cover;transition:transform 0.7s ease;}.model-card:hover .model-image{ transform:scale(1.05);}.model-status{ position:absolute;top:1rem;right:1rem;background:rgba(255,255,255,0.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:0.25rem 0.75rem;border-radius:9999px;display:flex;align-items:center;gap:0.375rem;box-shadow:0 1px 2px 0 rgba(0,0,0,0.05);}.model-status-dot{ width:0.5rem;height:0.5rem;border-radius:50%;background-color:#42164e;animation:pulse 2s cubic-bezier(0.4,0,0.6,1) infinite;}.model-status-text{ font-family:'Inter',sans-serif;font-size:12px;line-height:1.4;letter-spacing:0.05em;font-weight:600;text-transform:uppercase;color:#3D1E45;}.model-badge{ position:absolute;bottom:1rem;left:1rem;background-color:#FBBF24;color:#1d1b19;padding:0.25rem 0.75rem;border-radius:9999px;display:flex;align-items:center;gap:0.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,0.1);}.model-badge .material-symbols-outlined{ font-size:0.875rem;color:#78350F;}.model-badge-text{ font-family:'Inter',sans-serif;font-size:12px;line-height:1.4;letter-spacing:0.05em;font-weight:600;text-transform:capitalize;color:#78350F;}.model-body{ padding:1.2rem;display:flex;flex-direction:column;flex-grow:1;}.model-header{ margin-bottom:1rem;}.model-type{ font-family:'Inter',sans-serif;font-size:12px;line-height:1.4;letter-spacing:0.05em;font-weight:600;text-transform:uppercase;color:#6B7280;display:block;}.model-name{ font-family:'Inter',sans-serif;font-size:24px;line-height:1.3;font-weight:600;color:#3D1E45;margin:0;}.model-features{ display:grid;grid-template-columns:repeat(4,1fr);gap:0.5rem;margin-bottom:1rem;}.model-feature{ text-align:center;border:1px solid #ebdfec;border-radius:0.5rem;padding:0.625rem 0.25rem;background-color:#fcf8fd;}.model-feature .material-symbols-outlined{ font-size:1.25rem;color:#87317D;display:block;margin-bottom:0.25rem;}.model-feature-value{ font-family:'Inter',sans-serif;font-size:14px;line-height:1.4;letter-spacing:0.05em;font-weight:600;display:block;color:#42164e;}.model-feature-label{ font-family:'Inter',sans-serif;font-size:10px;line-height:1.2;color:#6B7280;text-transform:uppercase;letter-spacing:0.03em;display:block;margin-top:0.125rem;}.model-footer{ margin-top:auto;}.model-price-label{ font-family:'Inter',sans-serif;font-size:12px;line-height:1;font-weight:400;text-transform:uppercase;color:#525252;margin-bottom:0.25rem;}.model-price{ font-family:'Inter',sans-serif;font-size:24px;line-height:1.3;font-weight:700;color:#552E64;margin:0 0 1.5rem;}.model-actions{ display:flex;flex-direction:column;gap:0.75rem;}@keyframes pulse{ 0%,100%{ opacity:1;}50%{ opacity:0.5;}}/* ========================================== Carousel Styles ========================================== */ .carousel-container{ position:relative;max-width:1280px;margin:0 auto;padding:0 0px;}.carousel-track{ display:flex;gap:1.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0rem 0rem;}.carousel-track::-webkit-scrollbar{ display:none;}.carousel-track .model-card{ flex:0 0 calc(33.333% - 1rem);min-width:300px;scroll-snap-align:start;}@media (min-width:768px) and (max-width:1024px){ .carousel-track .model-card{ flex:0 0 calc(50% - 0.75rem);min-width:280px;}}@media (max-width:767px){ .carousel-track{ scroll-snap-type:x mandatory;}.carousel-track .model-card{ flex:0 0 100%;min-width:280px;}.carousel-container{ padding:0;}}.carousel-btn{ position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:44px;height:44px;border-radius:50%;background:#ffffff;border:1px solid #ebdfec;box-shadow:0 4px 12px rgba(0,0,0,0.08);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;color:#42164e;}.carousel-btn:hover{ background:#42164e;color:#ffffff;box-shadow:0 6px 16px rgba(66,22,78,0.2);}.carousel-prev{ left:-40px;}.carousel-next{ right:-40px;}@media (min-width:768px) and (max-width:1024px){ .carousel-prev{ left:-20px;}.carousel-next{ right:-20px;}}@media (max-width:767px){ .carousel-btn{ display:none;}}/* ========================================== Seneros Residencial - Amenities CTA Styles ========================================== */ .amenities{ background-color:#3D1E45;color:#ffffff;padding:4rem 0;overflow:hidden;position:relative;}@media (min-width:768px){ .amenities{ padding:7.5rem 0;}}.amenities-container{ max-width:1280px;margin:0 auto;padding:0 20px;}@media (min-width:768px){ .amenities-container{ padding:0 24px;}}.amenities-grid{ display:grid;grid-template-columns:1fr;gap:3rem;align-items:center;position:relative;z-index:10;}@media (min-width:1024px){ .amenities-grid{ grid-template-columns:1fr 1fr;gap:4rem;}}.amenities-title{ font-family:'Inter',sans-serif;font-size:1.875rem;line-height:1.2;font-weight:600;margin-bottom:1.5rem;}@media (min-width:768px){ .amenities-title{ font-size:2.25rem;}}.amenities-subtitle{ font-family:'Inter',sans-serif;font-size:0.8125rem;line-height:1.6;opacity:0.7;margin-bottom:2rem;}@media (min-width:768px){ .amenities-subtitle{ font-size:0.8125rem;}}.amenity-cards{ display:grid;grid-template-columns:1fr;gap:1rem;}@media (min-width:640px){ .amenity-cards{ grid-template-columns:1fr 1fr;gap:1.5rem;}}.amenity-card{ display:flex;align-items:flex-start;gap:1rem;padding:1rem;border-radius:0.75rem;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);;font-family:"Inter",sans-serif;text-align:left;color:#fff;cursor:pointer;;width:100%;transition:background .3s,border-color .3s,transform .3s}.amenity-card:hover{background:rgba(206,152,217,0.15);border-color:rgba(206,152,217,0.35);transform:translateY(-2px)}.amenity-card:active{transform:translateY(0);background:rgba(206,152,217,0.08)}.amenity-icon{ font-size:1.75rem;color:#CE98D9;flex-shrink:0;}.amenity-card-title{ font-family:'Inter',sans-serif;font-size:0.875rem;font-weight:600;margin-bottom:0.25rem;}.amenity-card-desc{ font-family:'Inter',sans-serif;font-size:0.8125rem;opacity:0.7;}.contact-card{ background:#ffffff;border-radius:1.5rem;padding:2.5rem;color:#3D1E45;box-shadow:0 25px 50px -12px rgba(0,0,0,0.25);position:relative;}.contact-card-badge{ position:absolute;top:-1.5rem;left:-1.5rem;width:3.5rem;height:3.5rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 15px -3px rgba(0,0,0,0.2);background-color:#CE98D9;color:#ffffff;}.contact-card-badge .material-symbols-outlined{ font-size:1.75rem;}.contact-card-title{ font-family:'Inter',sans-serif;font-size:1.5rem;font-weight:600;margin-bottom:1rem;padding-top:0.5rem;}.contact-card-subtitle{ font-family:'Inter',sans-serif;font-size:0.9375rem;color:#6B7280;margin-bottom:2rem;line-height:1.5;}@keyframes highlightPulse{0%{box-shadow:0 25px 50px -12px rgba(0,0,0,0.25)}50%{box-shadow:0 0 0 4px rgba(206,152,217,0.4),0 25px 50px -12px rgba(0,0,0,0.25)}100%{box-shadow:0 25px 50px -12px rgba(0,0,0,0.25)}}.highlight-pulse{animation:highlightPulse .6s ease-in-out 3}.contact-form{ display:flex;flex-direction:column;gap:1rem;}.form-group{ display:flex;flex-direction:column;gap:0.375rem;}.form-label{ font-family:'Inter',sans-serif;font-size:0.8125rem;font-weight:600;color:#374151;}.form-input{ width:100%;padding:0.75rem 1rem;background-color:#FAF7F5;border:1px solid #EBDFEC;border-radius:0.75rem;outline:none;transition:all 0.2s ease;font-family:'Inter',sans-serif;font-size:0.875rem;color:#1F2937;}.form-input:focus{ ring:2px solid #CE98D9;border-color:#CE98D9;}.form-input::placeholder{ color:#9CA3AF;}.form-submit{ width:100%;padding:0.875rem;background-color:#CE98D9;color:#ffffff;font-family:'Inter',sans-serif;font-size:0.875rem;font-weight:600;border:none;border-radius:0.75rem;cursor:pointer;transition:all 0.2s ease;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1);}.form-submit:hover{ background-color:#b87cc6;transform:scale(0.98);}.contact-divider{ margin:2rem 0 1.5rem;border:none;border-top:1px solid #EBDFEC;}.contact-phone-row{ display:flex;align-items:center;justify-content:space-between;}.contact-phone-label{ font-family:'Inter',sans-serif;font-size:0.8125rem;font-weight:600;color:#6B7280;}.contact-phone-number{ font-family:'Inter',sans-serif;font-size:1.25rem;font-weight:600;color:#CE98D9;text-decoration:none;}.contact-phone-number:hover{ text-decoration:underline;}.amenities-bg-circles{ position:absolute;top:0;right:0;width:50%;height:100%;opacity:0.1;pointer-events:none;}.amenities-bg-circles svg{ width:100%;height:100%;}@media (max-width:1023px){ .contact-card-badge{ left:1rem;top:-1.5rem;}}/* ========================================== Footer Styles ========================================== */ .footer{ background:linear-gradient(135deg,#2d1336,#42164e,#2d1336);color:#ffffff;position:relative;overflow:hidden;}.footer::before{ content:'';position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(255,255,255,0.08),transparent 50%);pointer-events:none;}.footer::after{ content:'';position:absolute;inset:0;background:radial-gradient(circle at bottom left,rgba(255,255,255,0.04),transparent 60%);pointer-events:none;}.footer-container{ max-width:1280px;margin:0 auto;padding:3rem 20px;position:relative;z-index:10;}@media (min-width:768px){ .footer-container{ padding:3rem 24px;}}.footer-grid{ display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:2rem;}@media (min-width:768px){ .footer-grid{ grid-template-columns:2fr 1fr 1fr;gap:2rem;}}.footer-brand{ display:flex;align-items:center;gap:0.5rem;margin-bottom:1rem;}.footer-brand-icon{ display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:rgba(255,255,255,0.1);border-radius:0.5rem;backdrop-filter:blur(4px);}.footer-brand-icon .material-symbols-outlined{ font-size:1.25rem;color:#CE98D9;}.footer-brand-name{ font-family:'Inter',sans-serif;font-size:1.5rem;font-weight:700;}.footer-description{ font-family:'Inter',sans-serif;font-size:0.875rem;line-height:1.6;opacity:0.7;max-width:24rem;margin-bottom:1rem;}.footer-social{ display:flex;gap:0.75rem;}.footer-social-link{ display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;background:rgba(255,255,255,0.1);border-radius:0.5rem;backdrop-filter:blur(4px);color:#ffffff;text-decoration:none;transition:all 0.3s ease;}.footer-social-link:hover{ background:rgba(255,255,255,0.2);transform:scale(1.1);}.footer-social-link .material-symbols-outlined{ font-size:1.25rem;}.footer-column-title{ font-family:'Inter',sans-serif;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;margin-bottom:1rem;display:flex;align-items:center;gap:0.5rem;}.footer-column-title::before{ content:'';width:2rem;height:0.125rem;background:linear-gradient(to right,#ffffff,transparent);display:inline-block;}.footer-links{ list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.75rem;}.footer-links a{ font-family:'Inter',sans-serif;font-size:0.875rem;color:rgba(255,255,255,0.7);text-decoration:none;transition:all 0.3s ease;display:inline-block;}.footer-links a:hover{ color:#ffffff;transform:translateX(4px);}.footer-contact{ list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem;}.footer-contact-item{ display:flex;align-items:flex-start;gap:0.75rem;}.footer-contact-item--center{ align-items:center;}.footer-contact-icon{ display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:rgba(255,255,255,0.1);border-radius:0.5rem;backdrop-filter:blur(4px);flex-shrink:0;transition:background 0.3s ease;}.footer-contact-item:hover .footer-contact-icon{ background:rgba(255,255,255,0.2);}.footer-contact-icon .material-symbols-outlined{ font-size:1rem;color:#CE98D9;}.footer-contact-label{ font-family:'Inter',sans-serif;font-size:0.875rem;color:rgba(255,255,255,0.7);font-weight:500;display:block;}.footer-contact-sublabel{ font-family:'Inter',sans-serif;font-size:0.75rem;color:rgba(255,255,255,0.5);}.footer-contact-link{ font-family:'Inter',sans-serif;font-size:0.875rem;color:rgba(255,255,255,0.7);text-decoration:none;font-weight:500;transition:color 0.3s ease;}.footer-contact-link:hover{ color:#ffffff;}.footer-bottom{ margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,0.15);}.footer-bottom-inner{ display:flex;flex-direction:column;align-items:center;gap:1rem;}@media (min-width:768px){ .footer-bottom-inner{ flex-direction:row;justify-content:space-between;}}.footer-copyright{ font-family:'Inter',sans-serif;font-size:0.875rem;color:rgba(255,255,255,0.6);font-weight:500;}.footer-legal{ display:flex;gap:1.5rem;}.footer-legal a{ font-family:'Inter',sans-serif;font-size:0.875rem;color:rgba(255,255,255,0.6);text-decoration:none;transition:color 0.3s ease;font-weight:500;}.footer-legal a:hover{ color:#ffffff;}.whatsapp-float{ position:fixed;bottom:24px;right:24px;width:56px;height:56px;background-color:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(37,211,102,0.4);z-index:1000;text-decoration:none;animation:whatsapp-bounce 2s ease-in-out infinite;cursor:pointer;will-change:transform;}.whatsapp-float::before{ content:'';position:absolute;inset:-4px;border-radius:50%;border:3px solid #25D366;animation:whatsapp-pulse 2s ease-out infinite;}.whatsapp-float::after{ content:'';position:absolute;inset:-12px;border-radius:50%;border:2px solid rgba(37,211,102,0.3);animation:whatsapp-pulse 2s ease-out 0.5s infinite;}.whatsapp-float{ box-shadow:0 4px 16px rgba(37,211,102,0.4),0 0 0 0 rgba(37,211,102,0.2);animation:whatsapp-bounce 2s ease-in-out infinite,whatsapp-glow 2s ease-in-out infinite;}.whatsapp-float:hover{ background-color:#20bd5a;transform:scale(1.1);box-shadow:0 6px 20px rgba(37,211,102,0.5),0 0 0 8px rgba(37,211,102,0.15);animation:none;}.whatsapp-float:hover::before,.whatsapp-float:hover::after{ animation:none;opacity:0;}.whatsapp-float svg{ width:28px;height:28px;fill:#ffffff;animation:whatsapp-icon-pulse 2s ease-in-out infinite;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.2));}.whatsapp-float:hover svg{ animation:none;}@keyframes whatsapp-bounce{ 0%,100%{ transform:translateY(0);}50%{ transform:translateY(-8px);}}@keyframes whatsapp-pulse{ 0%{ transform:scale(1);opacity:1;}100%{ transform:scale(1.6);opacity:0;}}@keyframes whatsapp-glow{ 0%,100%{ box-shadow:0 4px 16px rgba(37,211,102,0.4),0 0 0 0 rgba(37,211,102,0.3);}50%{ box-shadow:0 4px 24px rgba(37,211,102,0.6),0 0 0 12px rgba(37,211,102,0);}}@keyframes whatsapp-icon-pulse{ 0%,100%{ transform:scale(1);}50%{ transform:scale(1.15);}.btn-amenity { display: flex; align-items: flex-start; gap: 1rem; width: 100%; padding: 1rem; border-radius: 0.75rem; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); color: #ffffff; font-family: 'Inter', sans-serif; font-size: inherit; line-height: inherit; text-align: left; cursor: pointer; transition: background 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-appearance: none; appearance: none; } .btn-amenity:hover { background: rgba(206, 152, 217, 0.15); border-color: rgba(206, 152, 217, 0.35); transform: translateY(-2px); } .btn-amenity:active { transform: translateY(0); background: rgba(206, 152, 217, 0.08); }}.modal-overlay { display: none; position: fixed; inset: 0; z-index: 1000; background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); justify-content: center; align-items: center; padding: 20px; } .modal-overlay.active { display: flex; } .modal-card { background: #ffffff; border-radius: 1.25rem; padding: 2rem 2rem 2rem; max-width: 480px; width: 100%; position: relative; box-shadow: 0 25px 50px rgba(0, 0, 0, 0.25); animation: modalIn 0.3s cubic-bezier(0.22, 1, 0.36, 1); overflow: visible; }.search-hint{font-family:"Inter",sans-serif;font-size:.8125rem;color:#9CA3AF;margin-top:.75rem;text-align:center}.com-chip-wrap{display:flex;justify-content:center;margin-bottom:1.5rem}.com-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#FDF4FF;border:1px solid #D8B4E2;border-radius:9999px;box-shadow:0 1px 2px rgba(0,0,0,.05)}.com-chip-icon{width:20px;height:20px;color:#87317D;flex-shrink:0}.com-chip-label{font-family:"Inter",sans-serif;font-size:.875rem;font-weight:600;color:#111827;line-height:1.25rem}.com-chip-sep{font-size:.625rem;color:#D1D5DB;line-height:1}.com-chip-clock{width:14px;height:14px;color:#9CA3AF;flex-shrink:0}.com-chip-time{font-family:"Inter",sans-serif;font-size:.8125rem;font-weight:700;color:#87317D;line-height:1.25rem}.com-desc{font-family:"Inter",sans-serif;font-size:.9375rem;line-height:1.6;color:#4B5563;text-align:left;margin:0}.com-img{width:100px;height:140px;object-fit:cover;border-radius:.75rem;flex-shrink:0;display:block}.com-info{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1.5rem}.com-img{width:100px;height:140px;object-fit:cover;border-radius:.75rem;flex-shrink:0}.com-info{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1.5rem} @keyframes modalIn { 0% { opacity: 0; transform: scale(0.95) translateY(10px); } 100% { opacity: 1; transform: scale(1) translateY(0); } } .modal-close { position: absolute; top: 1rem; right: 1rem; width: 2rem; height: 2rem; border-radius: 50%; border: none; background: #F3F4F6; color: #6B7280; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.2s; } .modal-close:hover { background: #E5E7EB; color: #1F2937; } .modal-close .material-symbols-outlined { font-size: 1.25rem; } .modal-header { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.75rem; } .modal-header-icon { font-size: 2rem; color: #CE98D9; } .modal-title { font-family: 'Inter', sans-serif; font-size: 1.5rem; font-weight: 600; color: #1F2937; margin: 0; } .modal-desc { font-family: 'Inter', sans-serif; font-size: 0.9375rem; color: #6B7280; margin-bottom: 1.5rem; } .modal-form .form-group { margin-bottom: 1rem; position: relative; } .modal-form select.form-input { appearance: auto; -webkit-appearance: auto; }.flatpickr-accept-container { display: flex; justify-content: center; padding: 8px; border-top: 1px solid #eee; } .flatpickr-accept-btn { background: #CE98D9; color: #fff; border: none; border-radius: 6px; padding: 8px 24px; font-size: 14px; cursor: pointer; font-weight: 500; width: 100%; max-width: 200px; } .flatpickr-accept-btn:hover { background: #b87cc6; } .flatpickr-calendar.show-only-date .flatpickr-time { display: none !important; } .flatpickr-calendar.show-only-date .flatpickr-accept-container { display: none !important; } .flatpickr-calendar.show-only-time .flatpickr-time { display: flex !important; } .flatpickr-calendar.show-only-time .flatpickr-days { display: none !important; } .flatpickr-calendar.show-only-time .flatpickr-months { display: none !important; } .flatpickr-calendar.show-only-time .flatpickr-weekdays { display: none !important; } .flatpickr-calendar.show-only-time .flatpickr-weekday { display: none !important; } ..modal-card { overflow: visible; } .modal-form .form-group:has(#datetime-input) { overflow: visible; } .flatpickr-calendar { max-height: 80vh; overflow-y: auto; font-family: "Inter", sans-serif; border-radius: 0 0 0.75rem 0.75rem; margin-top: -2px; box-shadow: 0 8px 25px rgba(0,0,0,0.15); border: 1px solid #CE98D9; border-top: none; width: calc(100% - 0px); } .flatpickr-calendar.arrowTop::before, .flatpickr-calendar.arrowTop::after { display: none !important; } .flatpickr-calendar *, .flatpickr-calendar .flatpickr-monthDropdown-months, .flatpickr-calendar .flatpickr-weekday, .flatpickr-calendar .flatpickr-day, .flatpickr-calendar .flatpickr-time { font-family: "Inter", sans-serif !important; }
.form-input.is-valid { outline: 2px solid #22C55E; outline-offset: -2px; border-color: #22C55E !important; } .form-input.is-invalid { outline: 2px solid #EF4444; outline-offset: -2px; border-color: #EF4444 !important; } .form-submit:disabled { opacity: 0.5; cursor: not-allowed; transform: none !important; } .form-submit:disabled:hover { background-color: #CE98D9; transform: none !important; }
.otp-form { display: flex; flex-direction: column; align-items: center; gap: 1rem; } .otp-form .form-group { width: 100%; margin-bottom: 0; } .otp-input { text-align: center; font-size: 1.75rem !important; letter-spacing: 12px; font-weight: 700; padding: 0.75rem 0.5rem !important; } .otp-input::placeholder { letter-spacing: 12px; font-size: 1.75rem; font-weight: 700; opacity: 0.3; } .otp-form .form-submit { max-width: 280px; } .otp-error { font-family: 'Inter', sans-serif; font-size: 0.8125rem; color: #EF4444; margin: 0; min-height: 1.25rem; text-align: center; } .otp-error.success { color: #22C55E; } .otp-resend { background: none; border: none; color: #CE98D9; font-family: 'Inter', sans-serif; font-size: 0.8125rem; font-weight: 600; cursor: pointer; text-decoration: underline; padding: 0; } .otp-resend:hover { color: #b87cc6; } .otp-resend:disabled { opacity: 0.5; cursor: not-allowed; text-decoration: none; }
/* trebbiano hero */
.hero-trebbiano{position:relative;height:75vh;min-height:450px;overflow:hidden}.hero-slider{position:absolute;inset:0}.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1s ease;background-size:cover;background-position:center}.hero-slide.active{opacity:1}.hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(42,13,46,.85) 0%,rgba(42,13,46,.4) 100%);z-index:1}.hero-trebbiano .hero-content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:100%;padding:5rem 20px 0;text-align:center;color:#fff}.hero-trebbiano .hero-middle{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.hero-trebbiano .hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.12);backdrop-filter:blur(12px);padding:.5rem 1rem;border-radius:9999px;font-size:13px;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.15)}.hero-trebbiano .hero-badge .material-symbols-outlined{font-size:18px;color:#CE98D9}.hero-trebbiano .hero-title{font-size:clamp(28px,5vw,52px);font-weight:600;line-height:1.2;margin-bottom:.75rem}.hero-trebbiano .hero-highlight{color:#CE98D9}.hero-trebbiano .hero-subtitle{font-size:clamp(14px,2vw,18px);color:rgba(255,255,255,.8);max-width:600px;line-height:1.6;margin-bottom:1.5rem}.hero-trebbiano .hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;align-items:center}.hero-trebbiano .hero-scroll-btn .material-symbols-outlined{font-size:28px;animation:scrollBounce 2s infinite}@keyframes scrollBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}.hero-dots{position:absolute;bottom:5rem;left:50%;transform:translateX(-50%);z-index:3;display:none;gap:.5rem}
/* features */
.features-trebbiano{height:25vh;min-height:180px;background:#FAF7F5;display:flex;align-items:center;overflow:hidden}.features-track{display:flex;gap:0;width:100%;scroll-snap-type:x mandatory;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:1rem 0}.features-track::-webkit-scrollbar{display:none}.feature-item{flex:0 0 100%;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;text-align:center;border-right:1px solid #ebdfec}.feature-item:last-child{border-right:none}.feature-icon .material-symbols-outlined{font-size:2rem;color:#87317D;display:block;margin-bottom:.5rem}.feature-value{font-family:'Inter',sans-serif;font-size:clamp(20px,3vw,32px);font-weight:600;color:#3D1E45;line-height:1.2}.feature-label{font-family:'Inter',sans-serif;font-size:clamp(11px,1.2vw,14px);color:#6B7280;letter-spacing:.05em;margin-top:.25rem}@media(min-width:640px){.feature-item{flex:0 0 50%}}@media(min-width:1024px){.feature-item{flex:0 0 25%}}
/* outline chevron + bisel */
.btn-outline-chevron{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.8);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:inline-flex;align-items:center;justify-content:center;padding:0.525rem 0.75rem;border-radius:.75rem;text-decoration:none;font-size:14px;cursor:pointer;position:relative;transition:border-color .3s,box-shadow .3s,background .3s}.btn-outline-chevron::after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.2) 0%,transparent 45%,transparent 55%,rgba(255,255,255,.05) 100%);pointer-events:none}.btn-outline-chevron:hover{border-color:rgba(255,255,255,1);background:rgba(255,255,255,.08);box-shadow:0 0 25px rgba(255,255,255,.15)}@media(max-width:639px){.btn-outline-chevron{width:100%}}.btn-outline-white{position:relative}.btn-outline-white::after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.2) 0%,transparent 45%,transparent 55%,rgba(255,255,255,.05) 100%);pointer-events:none}

.mobile-menu-overlay{display:none;position:fixed;inset:0;z-index:90;background:rgba(0,0,0,0.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity 0.3s ease}.mobile-menu-overlay.open{display:block;opacity:1}.mobile-menu{position:fixed;top:0;right:0;z-index:100;width:min(320px,85vw);height:100vh;background:linear-gradient(180deg,#3D1E45 0%,#2d1336 100%);box-shadow:-10px 0 30px rgba(0,0,0,0.3);transform:translateX(100%);transition:transform 0.35s cubic-bezier(0.22,1,0.36,1);display:flex;flex-direction:column;overflow-y:auto}.mobile-menu.open{transform:translateX(0)}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,0.1)}.mobile-menu-title{font-family:'Inter',sans-serif;font-size:1.125rem;font-weight:600;color:#ffffff}.mobile-menu-close{background:none;border:none;color:#ffffff;cursor:pointer;padding:0.25rem;display:flex;align-items:center;justify-content:center}.mobile-menu-close .material-symbols-outlined{font-size:1.5rem}.mobile-menu-links{flex:1;padding:0.75rem 0;overflow-y:auto}.mobile-link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0.875rem 1.5rem;font-family:'Inter',sans-serif;font-size:1rem;font-weight:500;color:rgba(255,255,255,0.9);text-decoration:none;background:none;border:none;cursor:pointer;text-align:left;transition:background 0.2s ease,color 0.2s ease}.mobile-link:hover,.mobile-link:active{background:rgba(255,255,255,0.05);color:#ecb3f6}.mobile-dropdown-trigger .mobile-dropdown-arrow{font-size:1.25rem;transition:transform 0.3s ease}.mobile-dropdown-trigger.open .mobile-dropdown-arrow{transform:rotate(180deg)}.mobile-dropdown-menu{max-height:0;overflow:hidden;transition:max-height 0.35s ease;background:rgba(0,0,0,0.15)}.mobile-dropdown-menu.open{max-height:600px}.mobile-dropdown-item{display:block;padding:0.75rem 1.5rem 0.75rem 2.5rem;font-family:'Inter',sans-serif;font-size:0.9375rem;color:rgba(255,255,255,0.75);text-decoration:none;transition:background 0.2s ease,color 0.2s ease}.mobile-dropdown-item:hover,.mobile-dropdown-item:active{background:rgba(255,255,255,0.05);color:#ecb3f6}.mobile-menu-actions{border-top:1px solid rgba(255,255,255,0.1);padding:0.75rem 0}.mobile-action-btn{display:flex;align-items:center;gap:0.75rem;width:100%;padding:0.875rem 1.5rem;font-family:'Inter',sans-serif;font-size:0.9375rem;font-weight:500;color:rgba(255,255,255,0.85);background:none;border:none;cursor:pointer;text-align:left;transition:background 0.2s ease}.mobile-action-btn:hover,.mobile-action-btn:active{background:rgba(255,255,255,0.05);color:#ecb3f6}.mobile-action-btn svg{flex-shrink:0}