#contact {     background: #ffffff;     padding: 100px 48px;     font-family: 'DM Sans', sans-serif;     font-weight: 300;   }    #contact .contact-inner {     max-width: 1100px;     margin: 0 auto;     display: grid;     grid-template-columns: 1fr 1fr;     gap: 80px;     align-items: start;   }    #contact .section-label {     font-size: 11px;     letter-spacing: 0.2em;     text-transform: uppercase;     color: #B85C38;     margin-bottom: 16px;   }    #contact .section-title {     font-family: 'Cormorant Garamond', serif;     font-size: clamp(36px, 4vw, 54px);     font-weight: 300;     line-height: 1.1;     color: #1C1810;     margin-bottom: 24px;   }    #contact .section-title em {     font-style: italic;     color: #6B4A2A;   }    #contact .contact-desc {     font-size: 16px;     color: #7A7065;     line-height: 1.8;     margin-bottom: 48px;   }    #contact .contact-details {     display: flex;     flex-direction: column;     gap: 24px;   }    #contact .contact-item {     display: flex;     flex-direction: column;     gap: 4px;   }    #contact .contact-item-label {     font-size: 11px;     letter-spacing: 0.15em;     text-transform: uppercase;     color: #C9973A;   }    #contact .contact-item-value {     font-family: 'Cormorant Garamond', serif;     font-size: 22px;     font-weight: 400;     color: #1C1810;     text-decoration: none;     transition: color 0.2s;   }    #contact .contact-item-value:hover {     color: #B85C38;   }    /* FORMULAR */   #contact .contact-form {     display: flex;     flex-direction: column;     gap: 20px;   }    #contact .form-row {     display: grid;     grid-template-columns: 1fr 1fr;     gap: 16px;   }    #contact .form-group {     display: flex;     flex-direction: column;     gap: 8px;   }    #contact .form-group.full {     grid-column: span 2;   }    #contact .form-label {     font-size: 11px;     letter-spacing: 0.12em;     text-transform: uppercase;     color: #7A7065;   }    #contact .form-input,   #contact .form-textarea {     background: transparent;     border: none;     border-bottom: 1px solid rgba(107,74,42,0.2);     padding: 12px 0;     font-family: 'DM Sans', sans-serif;     font-size: 15px;     font-weight: 300;     color: #1C1810;     outline: none;     transition: border-color 0.2s;     width: 100%;   }    #contact .form-input::placeholder,   #contact .form-textarea::placeholder {     color: #C8BFB5;   }    #contact .form-input:focus,   #contact .form-textarea:focus {     border-bottom-color: #B85C38;   }    #contact .form-textarea {     resize: none;     height: 120px;   }    #contact .form-submit {     display: inline-block;     margin-top: 8px;     padding: 16px 40px;     background: #1C1810;     color: #F5F0E8;     border: none;     font-family: 'DM Sans', sans-serif;     font-size: 13px;     letter-spacing: 0.1em;     text-transform: uppercase;     cursor: pointer;     transition: background 0.25s, transform 0.2s;     align-self: flex-start;   }    #contact .form-submit:hover {     background: #B85C38;     transform: translateY(-2px);   }    @media (max-width: 900px) {     #contact { padding: 70px 24px; }     #contact .contact-inner { grid-template-columns: 1fr; gap: 56px; }     #contact .form-row { grid-template-columns: 1fr; }     #contact .form-group.full { grid-column: span 1; }   } #sp-jf0qom{background-color: rgb(255, 255, 255); width: 100%; max-width: 100%;}#sp-u6mvp1{margin-top: 40px; margin-bottom: 40px;}#sp-fnzsad{width: calc(100% + 0px);}#sp-qz93km{margin: 0px;}@media only screen and (max-width: 480px) { #sp-u6mvp1 {margin:0px 0px 20px 0px  !important;}}