# onubens.es


## Pages

- [Certificado Energético en Huelva 【Todo Incluido】](https://onubens.es/): Obtén el certificado de eficiencia energética de tu vivienda rápido y sin complicaciones.
- [Qué Viviendas NO necesitan Certificado Energético](https://onubens.es/viviendas-exentas-certificado-energetico/): La guía sobre las exenciones del certificado energético en España.
- [Certificado Energético San Bartolomé de la Torre 【Todo Incluido】](https://onubens.es/certificado-energetico-en-san-bartolome-de-la-torre/): Servicio en todo el núcleo urbano y todas las pedanías. Técnicos certificados con años de experiencia.
- [Certificado energético en Alosno 【Todo Incluido】](https://onubens.es/certificado-energetico-en-alosno/): Precios transparentes con IVA incluido. Sin sorpresas ni costes ocultos.
- [Certificado Energético en Beas 【Todo Incluido】](https://onubens.es/certificado-energetico-en-beas/): Tramitamos tu certificación energética en Beas con registro oficial incluido. Atendemos todo el municipio con servicio urgente disponible.
- [Política de Cookies](https://onubens.es/politica-de-cookies/): Transparencia total sobre qué cookies utilizamos, para qué y cómo puedes gestionarlas en tu navegador.
- [Política de Privacidad](https://onubens.es/politica-de-privacidad/): Tu privacidad es importante para nosotros. Aquí te explicamos de forma clara y transparente cómo protegemos tus datos personales.
- [Aviso Legal](https://onubens.es/aviso-legal/): Titular del sitio web: Jose A.
- [El Certificado Energético: Cómo Afecta al Valor y la Rentabilidad de su Vivienda](https://onubens.es/como-afecta-al-valor-y-la-rentabilidad-de-su-vivienda/): Descubre cómo una simple letra puede aumentar el valor de tu propiedad hasta un 10% y ahorrarte miles de euros al año. Guía completa con datos reales.
- [¿Cómo Mejorar la Calificación Energética de su Vivienda?](https://onubens.es/como-mejorar-la-calificacion-energetica/): Hola, hemos preparado esta guía para ti.
- [Ayudas y Subvenciones para Mejorar la Eficiencia Energética](https://onubens.es/ayudas-y-subvenciones-para-mejorar-la-eficiencia-energetica/): Aprovecha los fondos Next Generation EU y transforma tu vivienda mientras ahorras en facturas.
- [Sanciones y fraudes del certificado energético en España【Multas de 6.000€】](https://onubens.es/sanciones-y-fraudes-del-certificado-energetico/): Multas de hasta 6.000€, penas de prisión y contratos anulados.
- [Consejos, Noticias y Guías sobre el Certificado Energético](https://onubens.es/publicaciones-2/): Bienvenido al blog de Onubens.
- [Todo sobre los Precios de los Certificados Energéticos【ojo con esto】](https://onubens.es/todo-sobre-los-precios-de-los-certificados-energeticos/): Descubre qué incluye realmente un certificado energético profesional y por qué elegir calidad sobre precio puede ahorrarte problemas y dinero.
- [Certificado Energético en El Rompido【Todo Incluido】](https://onubens.es/certificado-energetico-en-el-rompido/): Todo incluido (también el IVA).
- [Certificado Energético en El Portil【Todo Incluido】](https://onubens.es/certificado-energetico-en-el-portil/): Todo incluido (también el IVA).
- [Certificado Energético en Punta del Moral【Todo Incluido】](https://onubens.es/certificado-energetico-en-punta-del-moral/): Precios transparentes.
- [Certificado Energético en Isla Canela【Todo Incluido】](https://onubens.es/certificado-energetico-en-isla-canela/): Precios transparentes.
- [Certificado Energético en Mazagón【Todo Incluido】](https://onubens.es/certificado-energetico-en-mazagon/): Tal vez hayas visto ofertas de certificados energéticos por 50€ o menos.
- [Certificado Energético en La Redondela【Todo Incluido】](https://onubens.es/certificado-energetico-en-la-redondela/): Todo incluido (también el IVA).
- [Certificado Energético en Urbasur【Todo Incluido】](https://onubens.es/certificado-energetico-en-urbasur/): Todo incluido (también el IVA).
- [Certificado Energético en Islantilla【Todo Incluido】](https://onubens.es/certificado-energetico-en-isla-antilla/): En internet abundan ofertas de certificados energéticos por 50€ o incluso menos.
- [Certificado Energético en La Antilla【Todo Incluido】](https://onubens.es/certificado-energetico-en-la-antilla/): Es posible que encuentres certificados energéticos por 50€ o menos.
- [Certificado Energético en Matalascañas【Todo Incluido】](https://onubens.es/certificado-energetico-en-matalascanas/): Todo incluido (IVA, registro y desplazamiento). Especialistas en apartamentos turísticos y viviendas de playa.
- [Certificado Energético en El Rocío【Todo Incluido】](https://onubens.es/certificado-energetico-en-el-rocio/): Precios ajustados con todo incluido (el IVA también). Sin costes ocultos.
- [Certificado Energético en Bellavista【Todo Incluido】](https://onubens.es/certificado-energetico-en-bellavista/): Todo incluido (también el IVA).
- [Certificado Energético en La Monacilla 【Todo Incluido】](https://onubens.es/certificado-energetico-en-la-monacilla/): Todo incluido (también el IVA).
- [Certificado Energético en Corrales【Todo Incluido】](https://onubens.es/certificado-energetico-corrales/): Todo incluido (también el IVA).
- [Certificado Energético en La Dehesa【Todo Incluido】](https://onubens.es/certificado-energetico-en-la-dehesa/): Todo incluido (también el IVA).
- [Certificado Energético en Valverde del Camino 【Todo Incluido】](https://onubens.es/certificado-energetico-en-valverde-del-camino/): Todo incluido (también el IVA).
- [Certificado Energético en Trigueros【Todo Incluido】](https://onubens.es/certificado-energetico-en-trigueros/): Todo incluido (también el IVA). Servicio en todas las urbanizaciones.
- [Certificado Energético en San Juan del Puerto【Todo Incluido】](https://onubens.es/certificado-energetico-en-san-juan-del-puerto/): Todo incluido (también el IVA).
- [Certificado Energético en Rociana del Condado【Todo Incluido】](https://onubens.es/certificado-energetico-en-rociana-del-condado/): Todo incluido (también el IVA). Servicio en todas las urbanizaciones.
- [Certificado Energético en Punta Umbría【Todo Incluido】](https://onubens.es/certificado-energetico-en-punta-umbria/): Todo incluido (también el IVA).
- [Certificado Energético en Palos de la Frontera【Todo Incluido】](https://onubens.es/certificado-energetico-en-palos-de-la-frontera/): Tal vez hayas visto ofertas de certificados energéticos por 50€ o menos.
- [Certificado Energético en Moguer【Todo Incluido】](https://onubens.es/certificado-energetico-en-moguer/): Puede que hayas encontrado certificados energéticos por 50€ o menos.
- [Certificado Energético en Niebla【Todo Incluido】](https://onubens.es/certificado-energetico-en-niebla/): Quizá te hayas topado con certificados energéticos por precios de 50€ o inferiores.
- [Certificado Energético en Lepe 【Todo Incluido】](https://onubens.es/certificado-energetico-en-lepe/): En internet abundan ofertas de certificados energéticos por 50€ o incluso menos.
- [Certificado Energético en La Palma del Condado【Todo Incluido】](https://onubens.es/certificado-energetico-en-la-palma-del-condado/): Todo incluido (también el IVA).
- [Certificado Energético en Isla Cristina 【Todo Incluido】](https://onubens.es/certificado-energetico-en-isla-cristina/): Todo incluido (también el IVA).
- [Certificado Energético en Gibraleón 【Todo Incluido】](https://onubens.es/certificado-energetico-gibraleon/): Tramitación completa del registro.
- [Certificado Energético en Cartaya 【Todo Incluido】](https://onubens.es/certificado-energetico-cartaya/): Tarifas claras. Registro en Junta de Andalucía incluido, también el IVA.
- [Certificado Energético en Bonares 【Todo Incluido】](https://onubens.es/certificado-energetico-en-bonares/): Servicio en Calle Nueva, Plaza de España y todo el municipio.
- [Certificado Energético en Bollullos Par del Condado 【Todo Incluido】](https://onubens.es/certificado-energetico-en-bollullos-par-del-condado/): Todo incluido (también el IVA). Servicio en todas las urbanizaciones.
- [Certificado Energético en Ayamonte 【Todo Incluido】](https://onubens.es/certificado-energetico-en-ayamonte/): Precios transparentes.
- [Certificado Energético en Aracena 【Todo Incluido】](https://onubens.es/certificado-energetico-en-aracena/): Tarifas ajustadas a viviendas serranas. Registro e IVA incluido .
- [Certificado Energético en Almonte【Todo Incluido】](https://onubens.es/certificado-energetico-en-almonte/): Precios ajustados con todo incluido (el IVA también). Sin costes ocultos.
- [Certificado Energético en Aljaraque 【Todo Incluido】](https://onubens.es/certificado-energetico-en-aljaraque/): Todo incluido (también el IVA). Servicio en todas las urbanizaciones.
- [Certificado energético en Huelva Capital 【Todo Incluido】](https://onubens.es/certificado-energetico-huelva-capital/): /* =================================== Onubens - Certificados Energéticos Huelva Capital Estilos Adaptados =================================== */ /* Variables CSS */ :root { /* Colores oficiales certificación energética */ --color-a: #00a651; --color-b: #4db849; --color-c: #c3d600; --color-d: #fff100; --color-e: #fdb913; --color-f: #f36f21; --color-g: #ee1c25; /* Colores principales */ --primary: #f36f21; --primary-dark: #d45a15; --secondary: #00a651; --accent: #fdb913; /* Grises */ --dark: #1a1a1a; --gray-dark: #333333; --gray: #666666; --gray-light: #999999; --gray-lighter: #e5e5e5; --light: #f8f9fa; --white: #ffffff; /* Gradientes */ --gradient-primary: linear-gradient(135deg, #f36f21 0%, #fdb913 100%); --gradient-secondary: linear-gradient(135deg, #00a651 0%, #4db849 100%); /* Tipografía */ --font-primary: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; /* Sombras */ --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1); --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.15); --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.2); --shadow-xl: 0 12px 40px rgba(0, 0, 0, 0.25); /* Espaciado */ --section-padding: 80px 0; --container-padding: 20px; /* Transiciones */ --transition: all 0.3s ease; } /* Reset */ * { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; font-size: 16px; scroll-padding-top: 80px; } body { font-family: var(--font-primary); font-size: 16px; line-height: 1.7; color: var(--gray-dark); background-color: var(--white); overflow-x: hidden; } /* Tipografía */ h1, h2, h3, h4, h5, h6 { font-weight: 700; line-height: 1.2; color: var(--dark); margin-bottom: 1rem; } h1 { font-size: clamp(2.5rem, 5vw, 5rem); } h2 { font-size: clamp(1.75rem, 4vw, 3.5rem); } h3 { font-size: clamp(1.5rem, 3vw, 2.5rem); } p { margin-bottom: 1rem; } a { text-decoration: none; color: var(--primary); transition: var(--transition); } a:hover { color: var(--primary-dark); } /* Container */ .container { max-width: 1200px; margin: 0 auto; padding: 0 var(--container-padding); width: 100%; } .section { padding: var(--section-padding); } .section--dark { background-color: var(--dark); color: var(--white); } .section--dark h2, .section--dark h3, .section--dark h4 { color: var(--white); } .section--gradient { background: linear-gradient(135deg, #f8f9fa 0%, #e8eef3 100%); } /* Header */ .header { position: fixed; top: 0; left: 0; width: 100%; background-color: var(--white); box-shadow: var(--shadow-sm); z-index: 1000; transition: var(--transition); } .nav { display: flex; justify-content: space-between; align-items: center; padding: 1rem var(--container-padding); } .nav__logo { display: flex; align-items: center; gap: 0.5rem; font-size: 1.5rem; font-weight: 700; color: var(--dark); } .nav__logo i { color: var(--primary); font-size: 1.75rem; } .nav__logo strong { color: var(--primary); } .nav__menu { display: flex; } .nav__list { display: flex; list-style: none; gap: 2rem; align-items: center; } .nav__link { color: var(--gray-dark); font-weight: 500; transition: var(--transition); padding: 0.5rem 0; } .nav__link:hover { color: var(--primary); } .nav__cta { background: var(--gradient-primary); color: var(--white) !important; padding: 0.75rem 1.5rem !important; border-radius: 50px; } .nav__toggle { display: none; font-size: 1.5rem; cursor: pointer; color: var(--dark); } /* WhatsApp Float */ .whatsapp-float { position: fixed; bottom: 30px; right: 30px; width: 60px; height: 60px; background: linear-gradient(135deg, #25D366 0%, #128C7E 100%); color: var(--white); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 2rem; box-shadow: var(--shadow-lg); z-index: 999; transition: var(--transition); animation: pulse 2s infinite; } .whatsapp-float:hover { transform: scale(1.1); box-shadow: var(--shadow-xl); } @keyframes pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } } /* Hero Section */ .hero { position: relative; min-height: 80vh; display: flex; align-items: center; padding-top: 80px; background: linear-gradient(rgba(26, 26, 46, 0.6), rgba(26, 26, 46, 0.6)), url('https://onubens.es/wp-content/uploads/2025/11/certificados-huelva-ciudad.webp') center/cover; overflow: hidden; } .hero__container { display: grid; grid-template-columns: 1fr; gap: 4rem; align-items: center; position: relative; z-index: 2; text-align: center; } .hero__content { animation: fadeInUp 1s ease; } .hero__badge { display: inline-flex; align-items: center; gap: 0.5rem; background: var(--gradient-primary); color: var(--white); padding: 0.5rem 1.25rem; border-radius: 50px; font-size: 0.875rem; font-weight: 600; margin-bottom: 1.5rem; box-shadow: var(--shadow-sm); } .hero__title { margin-bottom: 1.5rem; line-height: 1.1; color: var(--white); } .hero__title .highlight { background: var(--gradient-primary); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .hero__subtitle { font-size: 1.25rem; color: var(--white); margin-bottom: 2rem; line-height: 1.6; } .hero__ctas { display: flex; gap: 1rem; flex-wrap: wrap; margin-bottom: 2rem; justify-content: center; } .hero__trust { display: flex; gap:1rem; flex-wrap: wrap; justify-content: center; padding-bottom: 2.5rem; } .trust-item { display: flex; align-items: center; gap: 0.5rem; color: var(--white); font-size: 0.875rem; } .trust-item i { color: var(--accent); font-size: 1.25rem; } /* Section Header */ .section__header { text-align: center; max-width: 800px; margin: 0 auto 4rem; } .section__title { margin-bottom: 1rem; } .section__title .brand { color: var(--primary); } .section__subtitle { font-size: 1.125rem; color: var(--gray); } /* Tarjetas de Precios */ .pricing-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; margin-top: 3rem; } .pricing-card { background: var(--white); padding: 2.5rem; border-radius: 20px; box-shadow: var(--shadow-md); transition: var(--transition); border: 2px solid transparent; position: relative; } .pricing-card:hover { transform: translateY(-10px); box-shadow: var(--shadow-xl); border-color: var(--primary); } .pricing-card--featured { border: 3px solid var(--primary); transform: scale(1.05); } .pricing-card--featured .pricing-badge { position: absolute; top: -15px; right: 20px; background: var(--gradient-primary); color: var(--white); padding: 0.5rem 1rem; border-radius: 50px; font-size: 0.875rem; font-weight: 600; } .pricing-card h3 { font-size: 1.5rem; margin-bottom: 1rem; } .pricing-price { font-size: 3rem; font-weight: 800; color: var(--primary); margin-bottom: 0.5rem; } .pricing-price small { font-size: 1rem; color: var(--gray); font-weight: 400; } .pricing-features { list-style: none; margin: 2rem 0; } .pricing-features li { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.75rem; color: var(--gray-dark); } .pricing-features i { color: var(--secondary); font-size: 1.1rem; } /* Proceso Timeline */ .proceso-timeline { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 2rem; margin-top: 3rem; position: relative; } .proceso-step { text-align: center; position: relative; } .proceso-step__number { width: 80px; height: 80px; background: var(--gradient-primary); color: var(--white); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 2rem; font-weight: 800; margin: 0 auto 1.5rem; box-shadow: var(--shadow-md); } .proceso-step h3 { font-size: 1.25rem; margin-bottom: 1rem; } .proceso-step p { color: var(--gray); line-height: 1.6; } /* Info Boxes */ .info-box { background: var(--light); border-left: 4px solid var(--primary); padding: 1.5rem; border-radius: 10px; margin: 2rem 0; } .info-box--warning { background: #fff3cd; border-left-color: #f59e0b; } .info-box h4 { color: var(--primary); margin-bottom: 0.5rem; display: flex; align-items: center; gap: 0.5rem; } /* Checklist */ .checklist { list-style: none; margin: 2rem 0; } .checklist li { display: flex; align-items: flex-start; gap: 1rem; margin-bottom: 1rem; padding: 1rem; background: var(--white); border-radius: 10px; box-shadow: var(--shadow-sm); } .checklist i { color: var(--secondary); font-size: 1.5rem; margin-top: 0.25rem; } /* Testimonios */ .testimonios-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; margin-top: 3rem; } .testimonio-card { background: var(--white); padding: 2rem; border-radius: 15px; box-shadow: var(--shadow-md); } .testimonio-rating { color: #fbbf24; margin-bottom: 1rem; } .testimonio-text { font-style: italic; color: var(--gray-dark); margin-bottom: 1rem; line-height: 1.6; } .testimonio-author { font-weight: 600; color: var(--dark); } /* FAQ */ .faq-container { max-width: 900px; margin: 0 auto; } .faq-item { background: var(--white); border-radius: 15px; margin-bottom: 1rem; box-shadow: var(--shadow-sm); overflow: hidden; } .faq-question { width: 100%; background: none; border: none; padding: 1.5rem 2rem; text-align: left; font-size: 1.125rem; font-weight: 600; color: var(--dark); cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 1rem; transition: var(--transition); font-family: var(--font-primary); } .faq-question:hover { color: var(--primary); } .faq-question i { color: var(--primary); transition: var(--transition); } .faq-item.active .faq-question i { transform: rotate(180deg); } .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; } .faq-item.active .faq-answer { max-height: 1000px; } .faq-answer p { padding: 0 2rem 1.5rem; color: var(--gray); line-height: 1.8; } /* CTA Final */ .cta-final { background: var(--gradient-primary); color: var(--white); text-align: center; padding: 4rem 2rem; border-radius: 20px; margin: 4rem 0; } .cta-final h2 { color: var(--white); margin-bottom: 1rem; } .cta-final p { font-size: 1.25rem; margin-bottom: 2rem; } /* Botones */ .btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; padding: 1rem 2rem; font-size: 1rem; font-weight: 600; font-family: var(--font-primary); border: none; border-radius: 50px; cursor: pointer; transition: var(--transition); text-decoration: none; } .btn-primary { background: var(--gradient-primary); color: var(--white); box-shadow: var(--shadow-md); } .btn-primary:hover { transform: translateY(-3px); box-shadow: var(--shadow-lg); color: var(--white); } .btn-whatsapp { background: linear-gradient(135deg, #25D366 0%, #128C7E 100%); color: var(--white); box-shadow: var(--shadow-md); } .btn-whatsapp:hover { transform: translateY(-3px); box-shadow: var(--shadow-lg); color: var(--white); } .btn-light { background: var(--white); color: var(--primary); box-shadow: var(--shadow-md); } .btn-large { padding: 1.25rem 2.5rem; font-size: 1.125rem; } /* Responsive */ @media (max-width: 768px) { :root { --section-padding: 60px 0; } .nav__menu { position: fixed; top: 70px; left: -100%; width: 100%; height: calc(100vh - 70px); background: var(--white); box-shadow: var(--shadow-lg); transition: left 0.3s ease; padding: 2rem; } .nav__menu.active { left: 0; } .nav__list { flex-direction: column; gap: 1.5rem; align-items: flex-start; } .nav__toggle { display: block; } .hero__container { grid-template-columns: 1fr; text-align: center; } .pricing-grid, .proceso-timeline, .testimonios-grid { grid-template-columns: 1fr; } .footer__grid { grid-template-columns: 1fr; gap: 2rem; } .whatsapp-float { width: 50px; height: 50px; bottom: 20px; right: 20px; font-size: 1.5rem; } } @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } /* Utilidades */ .text-center { text-align: center; } .mt-2 { margin-top: 1rem; } .mt-3 { margin-top: 1.5rem; } .mt-4 { margin-top: 2rem; } .mb-2 { margin-bottom: 1rem; } .mb-3 { margin-bottom: 1.5rem; } .mb-4 { margin-bottom: 2rem; } /* =========================== Estilos del Modal (original) =========================== */ /* Variables (asegúrate de que estén definidas en tu CSS global) */ :root{ --white: #ffffff; --primary: #f36f21; --gray-lighter: #e5e5e5; --dark: #1a1a1a; --gradient-primary: linear-gradient(135deg, #f36f21 0%, #fdb913 100%); --shadow-xl: 0 12px 40px rgba(0,0,0,0.25); --transition: all 0.3s ease; } /* Modal container */ .modal{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; display: none; align-items: center; justify-content: center; padding: 20px; } .modal.active { display: flex; } /* Fondo del modal */ .modal__overlay{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); backdrop-filter: blur(5px); } /* Caja del modal */ .modal__content{ position: relative; background: var(--white); border-radius: 20px; max-width: 600px; width: 100%; max-height: 90vh; overflow-y: auto; box-shadow: var(--shadow-xl); animation: modalSlideIn 0.3s ease; } @keyframes modalSlideIn{ from{ opacity: 0; transform: translateY(-50px); } to { opacity: 1; transform: translateY(0); } } /* Botón cerrar */ .modal__close{ position: absolute; top: 1rem; right: 1rem; width: 40px; height: 40px; background: var(--gray-lighter); border: none; border-radius: 50%; font-size: 1.25rem; color: var(--dark); cursor: pointer; transition: var(--transition); z-index: 1; } .modal__close:hover{ background: var(--primary); color: var(--white); transform: rotate(90deg); } /* Cabecera del modal */ .modal__header{ text-align: center; padding: 3rem 2rem 2rem; background: var(--gradient-primary); color: var(--white); border-radius: 20px 20px 0 0; } .modal__header i{ font-size: 3rem; margin-bottom: 1rem; } .modal__header h3{ color: var(--white); font-size: 1.75rem; margin-bottom: .5rem; } .modal__header p{ opacity: .9; margin-bottom: 0; } /* Espaciado interno del formulario */ .modal .form{ padding: 2rem; } /* =========================== Estilos de formularios =========================== */ .form-group{ margin-bottom: 1.5rem; } .form-row{ display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; } /* Labels */ .form-group label{ display: block; font-weight: 600; margin-bottom: .5rem; color: var(--dark); } /* Inputs, select, textarea */ .form-control{ width: 100%; padding: .55rem .90rem; border: 2px solid var(--gray-lighter); border-radius: 10px; font-size: 1rem; height: 48px; box-sizing: border-box; } .form-control:focus{ outline: none; border-color: var(--primary); box-shadow: 0 0 0 3px rgba(243,111,33,0.1); } /* Textarea ajuste */ .form-group textarea.form-control{ height: auto; min-height: 90px; padding-top: .6rem; } /* Checkbox label */ .checkbox-label{ display: flex; align-items: center; gap: .75rem; cursor: pointer; font-weight: 400; } .checkbox-label input[type="checkbox"]{ width: 20px; height: 20px; cursor: pointer; } /* Botones */ .btn{ display: inline-flex; align-items: center; justify-content: center; gap: .5rem; padding: 1rem 2rem; font-size: 1rem; font-weight: 600; border: none; border-radius: 50px; cursor: pointer; transition: var(--transition); text-decoration: none; } .btn-primary{ background: var(--gradient-primary); color: var(--white); box-shadow: 0 4px 12px rgba(0,0,0,0.15); } .btn-block{ display: flex; width: 100%; } .btn-large{ padding: 1.25rem 2.5rem; font-size: 1.125rem; } /* ============================================ OPTIMIZACIÓN GLOBAL DE TARJETAS EN MÓVIL ============================================ */ @media (max-width: 768px) { /* 🔥 1.

## Optional

- [Agent (MCP protocol)](websites-agents.hostinger.com/onubens.es/mcp)

[comment]: # (Generated by Hostinger Tools Plugin)