/* =============================================================
   AMBAR Ambulancias — Estilos personalizados compartidos
   Aplica a todas las páginas del sitio.
   Colores marca:
     Violeta: #5a2a82
     Ámbar:   #f5a623
   ============================================================= */

/* Header integrado: logo + menú en una sola fila, alineados al centro vertical */
.wrapperHeader {
	padding: 0 !important;
	margin: 0 !important;
	background-color: #ffffff !important;
	border-bottom: none !important;
}

#header {
	display: flex !important;
	flex-wrap: nowrap !important;
	justify-content: space-between !important;
	align-items: center !important;
	width: 100% !important;
	max-width: 1280px !important;
	padding: 14px 28px !important;          /* menos aire vertical */
	margin: 0 auto !important;
	overflow: visible !important;
	height: auto !important;
	background-color: transparent !important;
}

/* Acercar el banner al header para que no quede aire blanco */
html body .sliderWrapper {
	margin-top: 0 !important;
}

#header .logo,
.wrapperHeader #header .logo,
html body #header .logo {
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	flex: 0 0 auto !important;
	max-width: 680px !important;
	min-height: 240px !important;
	height: auto !important;
	max-height: none !important;
	display: flex !important;
	align-items: center !important;
}

#header .logo #logo,
#header .logo h1#logo,
.wrapperHeader #header .logo #logo,
html body #header .logo #logo {
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
	background-image: none !important;
	text-indent: 0 !important;
	width: auto !important;
	height: auto !important;
	min-height: 240px !important;
	max-height: none !important;
	line-height: 1 !important;
	font-size: 0 !important;
	display: flex !important;
	align-items: center !important;
}

#header .logo #logo a,
.wrapperHeader #header .logo #logo a,
html body #header .logo #logo a {
	display: flex !important;
	align-items: center !important;
	background: none !important;
	background-image: none !important;
	text-indent: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	width: auto !important;
	height: auto !important;
	min-height: 240px !important;
	max-height: none !important;
	line-height: 1 !important;
	font-size: 0 !important;
}

#header .logo .logo-img,
.wrapperHeader #header .logo .logo-img,
html body #header .logo .logo-img,
html body img.logo-img {
	display: block !important;
	width: auto !important;
	height: 240px !important;
	min-height: 240px !important;
	max-height: none !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	object-fit: contain !important;
}

/* ===== Menú sobrio: solo texto, todo en una fila ===== */
html body nav#navigation,
html body nav#navigation *,
html body nav#navigation ul.ca-menu,
html body nav#navigation ul.ca-menu *,
html body nav#navigation ul.ca-menu li,
html body nav#navigation ul.ca-menu li * {
	width: auto !important;
	min-width: 0 !important;
	max-width: none !important;
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	background: none !important;
	background-color: transparent !important;
	background-image: none !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	outline: none !important;
	transform: none !important;
	-webkit-transform: none !important;
	position: static !important;
	float: none !important;
	box-sizing: border-box !important;
}

html body nav#navigation {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	flex: 1 1 auto !important;
	margin: 0 !important;
	padding: 0 !important;
	clear: none !important;
}

html body nav#navigation ul.ca-menu {
	display: inline-flex !important;
	flex-wrap: nowrap !important;
	justify-content: flex-end !important;
	align-items: center !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	gap: 0 !important;
}

html body nav#navigation ul.ca-menu li {
	display: inline-flex !important;
	align-items: center !important;
	margin: 0 !important;
	padding: 0 !important;
	flex: 0 0 auto !important;
	white-space: nowrap !important;
	list-style: none !important;
}

html body nav#navigation ul.ca-menu li a {
	display: inline-block !important;
	margin: 0 !important;
	padding: 10px 16px !important;
	text-decoration: none !important;
}

html body nav#navigation ul.ca-menu li a .ca-content,
html body nav#navigation ul.ca-menu li a .ca-content .ca-main {
	display: inline !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: center !important;
}

html body nav#navigation ul.ca-menu li a .ca-content .ca-main {
	color: #5a2a82 !important;
	font-size: 17px !important;
	font-weight: 700 !important;
	letter-spacing: 0.5px !important;
	text-transform: uppercase !important;
	line-height: 1 !important;
	white-space: nowrap !important;
	transition: color 0.2s ease !important;
	font-family: inherit !important;
	text-shadow: none !important;
}

html body nav#navigation ul.ca-menu li a:hover .ca-main,
html body nav#navigation ul.ca-menu li a:focus .ca-main {
	color: #f5a623 !important;
}

/* ===== Tarjetas del main (Servicios / Móviles / Cobertura) ===== */
html body .main {
	background-color: #ffffff !important;
	padding: 60px 0 !important;
	margin: 0 !important;
	width: 100% !important;
	text-align: center !important;
}

html body .main section {
	background-color: transparent !important;
	padding: 0 !important;
	margin: 0 auto !important;
	width: 100% !important;
	text-align: center !important;
}

html body .main section ul.ch-grid {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: center !important;
	align-items: stretch !important;
	gap: 28px !important;
	width: 100% !important;
	max-width: 1100px !important;
	margin: 0 auto !important;
	padding: 0 20px !important;
	list-style: none !important;
	text-align: center !important;
}

html body .main section ul.ch-grid li {
	list-style: none !important;
	flex: 0 1 300px !important;
	margin: 0 !important;
	padding: 0 !important;
	width: auto !important;
	height: auto !important;
	min-width: 0 !important;
	max-width: none !important;
	float: none !important;
}

html body .main section ul.ch-grid li .ch-item,
html body .main section ul.ch-grid li .ch-item *,
html body .main section ul.ch-grid li .ch-info-wrap,
html body .main section ul.ch-grid li .ch-info,
html body .main section ul.ch-grid li .ch-info-front,
html body .main section ul.ch-grid li .ch-info-back {
	width: auto !important;
	height: auto !important;
	min-width: 0 !important;
	max-width: none !important;
	min-height: 0 !important;
	max-height: none !important;
	margin: 0 !important;
	padding: 0 !important;
	position: static !important;
	border-radius: 0 !important;
	background: none !important;
	background-image: none !important;
	background-color: transparent !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	transform: none !important;
	-webkit-transform: none !important;
	transition: none !important;
	float: none !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	bottom: auto !important;
	opacity: 1 !important;
	border: none !important;
}

html body .main section ul.ch-grid li .ch-item {
	display: block !important;
	width: 100% !important;
	background-color: #ffffff !important;
	border: 1px solid #ececec !important;
	border-radius: 10px !important;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
	transition: box-shadow 0.25s ease, transform 0.25s ease, border-color 0.25s ease !important;
	overflow: hidden !important;
}

html body .main section ul.ch-grid li .ch-item:hover {
	border-color: #c8a8e0 !important;
	box-shadow: 0 10px 28px rgba(90, 42, 130, 0.15) !important;
	transform: translateY(-4px) !important;
}

html body .main section ul.ch-grid li .ch-info-front {
	display: none !important;
}

html body .main section ul.ch-grid li .ch-info-wrap,
html body .main section ul.ch-grid li .ch-info {
	display: block !important;
	width: 100% !important;
}

html body .main section ul.ch-grid li .ch-info-back {
	display: block !important;
	width: 100% !important;
	padding: 40px 24px 32px 24px !important;
	text-align: center !important;
}

html body .main section ul.ch-grid li .ch-info-back .ch-icon {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 78px !important;
	height: 78px !important;
	margin: 0 auto 18px auto !important;
	padding: 0 !important;
	background-color: #f4ecf8 !important;
	border-radius: 50% !important;
	box-sizing: border-box !important;
}

html body .main section ul.ch-grid li .ch-info-back .ch-icon i {
	color: #5a2a82 !important;
	font-size: 34px !important;
	line-height: 1 !important;
	margin: 0 !important;
	padding: 0 !important;
}

html body .main section ul.ch-grid li .ch-info-back h3 {
	color: #5a2a82 !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	letter-spacing: 1px !important;
	text-transform: uppercase !important;
	margin: 0 0 20px 0 !important;
	padding: 14px 0 0 0 !important;
	line-height: 1.2 !important;
	position: relative !important;
}

html body .main section ul.ch-grid li .ch-info-back h3::before {
	content: '' !important;
	display: block !important;
	width: 44px !important;
	height: 3px !important;
	background-color: #f5a623 !important;
	margin: 0 auto 18px auto !important;
	border-radius: 2px !important;
}

html body .main section ul.ch-grid li .ch-info-back p {
	margin: 0 !important;
	padding: 0 !important;
}

html body .main section ul.ch-grid li .ch-info-back p a {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	color: #5a2a82 !important;
	text-decoration: none !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	letter-spacing: 1px !important;
	text-transform: uppercase !important;
	padding: 10px 24px !important;
	border: 1.5px solid #5a2a82 !important;
	border-radius: 999px !important;
	background-color: transparent !important;
	transition: background-color 0.2s ease, color 0.2s ease, gap 0.2s ease !important;
}

html body .main section ul.ch-grid li .ch-info-back p a i {
	color: inherit !important;
	font-size: 14px !important;
	line-height: 1 !important;
	margin: 0 !important;
	padding: 0 !important;
	transition: transform 0.2s ease !important;
}

html body .main section ul.ch-grid li .ch-info-back p a:hover {
	background-color: #5a2a82 !important;
	color: #ffffff !important;
}

html body .main section ul.ch-grid li .ch-info-back p a:hover i {
	transform: translateX(3px) !important;
}

/* Slider wrapper como referencia para posicionar el callout */
html body .sliderWrapper {
	position: relative !important;
}

/* ============================================================
   PÁGINAS INTERIORES — Sistema de diseño compartido
   Aplica a: servicios, personas (planes), empresas,
              equipamientos, contacto y afiliate
   ============================================================ */

html body .main section.interior {
	background-color: #f7f5fa !important;
	padding: 40px 20px !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

/* Ocultar headers de acordeón duplicados (easyResponsiveTabs genera estos
   automáticamente para la vista móvil. En desktop crean un "doble menú"). */
html body .main section.interior h2.resp-accordion,
html body .main section.interior .resp-accordion,
html body .main section.interior .resp-arrow {
	display: none !important;
}

/* También ocultar listas horizontales de tabs duplicadas si existieran */
html body .main section.interior .resp-tabs-list.hor_1,
html body .main section.interior > .resp-tabs-list:not(:first-of-type) {
	display: none !important;
}

html body .main section.interior #verticalTab {
	display: flex !important;
	gap: 28px !important;
	max-width: 1200px !important;
	margin: 0 auto !important;
	background-color: transparent !important;
	box-sizing: border-box !important;
	align-items: flex-start !important;
}

/* Tab list lateral */
html body .main section.interior ul.resp-tabs-list {
	flex: 0 0 280px !important;
	list-style: none !important;
	margin: 0 !important;
	padding: 18px !important;
	background-color: #ffffff !important;
	border-radius: 16px !important;
	box-shadow: 0 2px 14px rgba(0, 0, 0, 0.06) !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 10px !important;
}

html body .main section.interior ul.resp-tabs-list li {
	display: flex !important;
	align-items: center !important;
	gap: 14px !important;
	padding: 14px 18px !important;
	border-radius: 12px !important;
	background-color: transparent !important;
	color: #5a2a82 !important;
	font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	cursor: pointer !important;
	transition: background-color 0.2s ease, color 0.2s ease !important;
	border: none !important;
	list-style: none !important;
	margin: 0 !important;
	line-height: 1.3 !important;
}

html body .main section.interior ul.resp-tabs-list li:hover {
	background-color: #f4ecf8 !important;
}

html body .main section.interior ul.resp-tabs-list li.resp-tab-active {
	background-color: #5a2a82 !important;
	color: #ffffff !important;
}

/* Flecha al final del tab */
html body .main section.interior ul.resp-tabs-list li::after {
	content: '\f105' !important;             /* fa-angle-right */
	font-family: 'FontAwesome' !important;
	margin-left: auto !important;
	color: #f5a623 !important;
	font-size: 16px !important;
	flex-shrink: 0 !important;
}

/* Ícono circular por defecto (cada página define los iconos específicos por tab) */
html body .main section.interior ul.resp-tabs-list li::before {
	font-family: 'FontAwesome' !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 40px !important;
	height: 40px !important;
	border-radius: 50% !important;
	background-color: #f4ecf8 !important;
	color: #5a2a82 !important;
	font-size: 16px !important;
	flex-shrink: 0 !important;
}

html body .main section.interior ul.resp-tabs-list li.resp-tab-active::before {
	background-color: #ffffff !important;
	color: #5a2a82 !important;
}

html body .main section.interior ul.resp-tabs-list li.resp-tab-active::after {
	color: #ffffff !important;
}

/* Contenedor de contenido */
html body .main section.interior .resp-tabs-container {
	flex: 1 1 auto !important;
	background-color: #ffffff !important;
	border-radius: 16px !important;
	box-shadow: 0 2px 14px rgba(0, 0, 0, 0.06) !important;
	padding: 36px 40px !important;
	box-sizing: border-box !important;
	min-width: 0 !important;
}

html body .main section.interior .resp-tabs-container > div {
	background-color: transparent !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

/* Título con línea ámbar */
html body .main section.interior .resp-tabs-container h3 {
	color: #5a2a82 !important;
	font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif !important;
	font-size: 26px !important;
	font-weight: 700 !important;
	letter-spacing: 0.3px !important;
	margin: 0 0 16px 0 !important;
	padding: 14px 0 0 0 !important;
	line-height: 1.2 !important;
	position: relative !important;
	text-transform: none !important;
}

html body .main section.interior .resp-tabs-container h3::before {
	content: '' !important;
	display: block !important;
	width: 60px !important;
	height: 3px !important;
	background-color: #f5a623 !important;
	margin-bottom: 14px !important;
	border-radius: 2px !important;
}

/* Descripción / párrafo intro */
html body .main section.interior .plan-description,
html body .main section.interior .resp-tabs-container > div > p {
	color: #555 !important;
	font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif !important;
	font-size: 14.5px !important;
	line-height: 1.6 !important;
	margin: 0 0 24px 0 !important;
}

/* ===== Hero image con label arriba (separado, no superpuesto) ===== */
html body .main section.interior .plan-hero {
	position: relative !important;
	width: 100% !important;
	margin: 0 0 24px 0 !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: 14px !important;
	overflow: visible !important;
}

html body .main section.interior .plan-hero img,
html body .main section.interior img.plan-hero-img {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	border-radius: 14px !important;
	order: 2 !important;
}

html body .main section.interior .plan-hero-label {
	position: static !important;
	top: auto !important;
	left: auto !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 10px !important;
	background-color: #5a2a82 !important;
	color: #ffffff !important;
	padding: 10px 22px 10px 18px !important;
	border-radius: 999px !important;
	font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	box-shadow: 0 3px 10px rgba(90, 42, 130, 0.18) !important;
	order: 1 !important;
	white-space: nowrap !important;
	max-width: 100% !important;
}

html body .main section.interior .plan-hero-label strong {
	color: #f5a623 !important;
	font-weight: 700 !important;
	margin-right: 2px !important;
}

@media (max-width: 480px) {
	html body .main section.interior .plan-hero-label {
		font-size: 13px !important;
		padding: 8px 18px 8px 14px !important;
	}
}

/* ===== Hero image simple (sin label, para equipamientos) ===== */
html body .main section.interior .plain-hero {
	width: 100% !important;
	border-radius: 14px !important;
	overflow: hidden !important;
	margin: 0 0 22px 0 !important;
}

html body .main section.interior .plain-hero img {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	max-height: 320px !important;
	object-fit: cover !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	border-radius: 14px !important;
}

/* ===== Listado de items con check (servicios, equipamiento) ===== */
html body .main section.interior .checklist-grid {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr) !important;
	gap: 12px !important;
	margin: 0 0 26px 0 !important;
}

html body .main section.interior .checklist-grid .checklist-item {
	display: flex !important;
	align-items: center !important;
	gap: 14px !important;
	padding: 14px 18px !important;
	background-color: #fafafa !important;
	border-radius: 14px !important;
	border: 1px solid #efefef !important;
}

html body .main section.interior .checklist-grid .checklist-icon {
	flex-shrink: 0 !important;
	width: 36px !important;
	height: 36px !important;
	border-radius: 50% !important;
	background-color: #f4ecf8 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
}

html body .main section.interior .checklist-grid .checklist-icon i {
	color: #5a2a82 !important;
	font-size: 14px !important;
	line-height: 1 !important;
}

html body .main section.interior .checklist-grid .checklist-text {
	color: #444 !important;
	font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 1.4 !important;
}

/* ===== Grid de servicios (planes con ícono grande + descripción) ===== */
html body .main section.interior .plan-services {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 14px !important;
	margin: 0 0 30px 0 !important;
}

html body .main section.interior .plan-service-card {
	display: flex !important;
	align-items: center !important;
	gap: 14px !important;
	padding: 16px 18px !important;
	background-color: #fafafa !important;
	border-radius: 14px !important;
	border: 1px solid #efefef !important;
}

html body .main section.interior .plan-service-icon {
	flex-shrink: 0 !important;
	width: 46px !important;
	height: 46px !important;
	border-radius: 50% !important;
	background-color: #f4ecf8 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
}

html body .main section.interior .plan-service-icon i {
	color: #5a2a82 !important;
	font-size: 18px !important;
	line-height: 1 !important;
}

html body .main section.interior .plan-service-text {
	color: #444 !important;
	font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif !important;
	font-size: 13.5px !important;
	font-weight: 500 !important;
	line-height: 1.35 !important;
}

/* ===== Cards de features (empresas: cobertura nacional) ===== */
html body .main section.interior .feature-grid {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 14px !important;
	margin: 0 0 22px 0 !important;
}

html body .main section.interior .feature-card {
	background-color: #fafafa !important;
	border: 1px solid #efefef !important;
	border-radius: 14px !important;
	padding: 22px 18px !important;
	text-align: center !important;
}

html body .main section.interior .feature-icon {
	width: 52px !important;
	height: 52px !important;
	border-radius: 50% !important;
	background-color: #f4ecf8 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 auto 12px auto !important;
}

html body .main section.interior .feature-icon i {
	color: #5a2a82 !important;
	font-size: 22px !important;
}

html body .main section.interior .feature-card h4 {
	color: #5a2a82 !important;
	font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	margin: 0 0 10px 0 !important;
	padding: 0 0 8px 0 !important;
	line-height: 1.2 !important;
	position: relative !important;
}

html body .main section.interior .feature-card h4::after {
	content: '' !important;
	display: block !important;
	width: 30px !important;
	height: 2px !important;
	background-color: #f5a623 !important;
	margin: 6px auto 0 auto !important;
	border-radius: 2px !important;
}

html body .main section.interior .feature-card p {
	color: #555 !important;
	font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif !important;
	font-size: 13px !important;
	line-height: 1.5 !important;
	margin: 0 !important;
}

/* ===== Bottom callout (banda con ícono + texto + botón) ===== */
html body .main section.interior .bottom-callout {
	display: flex !important;
	align-items: center !important;
	gap: 20px !important;
	background-color: #fafafa !important;
	border: 1px solid #efefef !important;
	border-radius: 14px !important;
	padding: 22px !important;
	margin: 0 0 24px 0 !important;
}

html body .main section.interior .bottom-callout-icon {
	flex-shrink: 0 !important;
	width: 54px !important;
	height: 54px !important;
	border-radius: 50% !important;
	background-color: #5a2a82 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
}

html body .main section.interior .bottom-callout-icon i {
	color: #ffffff !important;
	font-size: 22px !important;
}

html body .main section.interior .bottom-callout-text {
	flex: 1 1 auto !important;
	min-width: 0 !important;
}

html body .main section.interior .bottom-callout-text strong {
	display: block !important;
	color: #5a2a82 !important;
	font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif !important;
	font-size: 14.5px !important;
	font-weight: 700 !important;
	margin-bottom: 4px !important;
}

html body .main section.interior .bottom-callout-text p {
	color: #555 !important;
	font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif !important;
	font-size: 13.5px !important;
	line-height: 1.5 !important;
	margin: 0 !important;
}

html body .main section.interior .bottom-callout .plan-cta-btn {
	flex-shrink: 0 !important;
}

/* ===== Contact cards (página contacto) ===== */
html body .main section.interior .contact-grid {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 20px !important;
	margin: 0 0 24px 0 !important;
}

@media (max-width: 992px) {
	html body .main section.interior .contact-grid {
		grid-template-columns: 1fr !important;
	}
}

html body .main section.interior .contact-cards {
	display: flex !important;
	flex-direction: column !important;
	gap: 12px !important;
}

html body .main section.interior .contact-card {
	display: flex !important;
	align-items: center !important;
	gap: 16px !important;
	padding: 16px 18px !important;
	background-color: #fafafa !important;
	border-radius: 14px !important;
	border: 1px solid #efefef !important;
	text-decoration: none !important;
}

html body .main section.interior a.contact-card {
	transition: border-color 0.2s ease, background-color 0.2s ease !important;
}

html body .main section.interior a.contact-card:hover {
	background-color: #f4ecf8 !important;
	border-color: #c8a8e0 !important;
}

html body .main section.interior .contact-card-icon {
	flex-shrink: 0 !important;
	width: 46px !important;
	height: 46px !important;
	border-radius: 50% !important;
	background-color: #f4ecf8 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
}

html body .main section.interior .contact-card-icon i {
	color: #5a2a82 !important;
	font-size: 18px !important;
}

html body .main section.interior .contact-card-text {
	flex: 1 1 auto !important;
	min-width: 0 !important;
}

html body .main section.interior .contact-card-label {
	color: #5a2a82 !important;
	font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	display: block !important;
	margin-bottom: 2px !important;
}

html body .main section.interior .contact-card-value {
	color: #555 !important;
	font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 1.3 !important;
	display: block !important;
}

html body .main section.interior .contact-card-value i.fa-phone {
	color: #5a2a82 !important;
	margin-right: 6px !important;
}

/* Mapa */
html body .main section.interior .contact-map {
	border-radius: 14px !important;
	overflow: hidden !important;
	border: 1px solid #efefef !important;
	background-color: #fafafa !important;
	min-height: 380px !important;
}

html body .main section.interior .contact-map iframe {
	display: block !important;
	width: 100% !important;
	height: 380px !important;
	border: 0 !important;
}

/* Mapa de Argentina (empresas) */
html body .main section.interior .argentina-map {
	background-color: #fafafa !important;
	border: 1px solid #efefef !important;
	border-radius: 14px !important;
	padding: 18px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 260px !important;
}

html body .main section.interior .argentina-map img {
	max-width: 100% !important;
	max-height: 240px !important;
	display: block !important;
	margin: 0 auto !important;
}

html body .main section.interior .empresas-content-grid {
	display: grid !important;
	grid-template-columns: 1fr 320px !important;
	gap: 20px !important;
	margin: 0 0 22px 0 !important;
	align-items: start !important;
}

@media (max-width: 992px) {
	html body .main section.interior .empresas-content-grid {
		grid-template-columns: 1fr !important;
	}
	html body .main section.interior .feature-grid {
		grid-template-columns: 1fr !important;
	}
}

/* ===== Formularios (afiliate, trabajá con nosotros) ===== */
html body .main section.interior .ambar-form {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 14px 16px !important;
	margin: 0 0 8px 0 !important;
}

html body .main section.interior .ambar-form .form-field {
	display: flex !important;
	flex-direction: column !important;
}

html body .main section.interior .ambar-form .form-field.full {
	grid-column: 1 / -1 !important;
}

html body .main section.interior .ambar-form label {
	color: #5a2a82 !important;
	font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif !important;
	font-weight: 600 !important;
	font-size: 13px !important;
	margin: 0 0 6px 0 !important;
	letter-spacing: 0.2px !important;
}

html body .main section.interior .ambar-form input[type="text"],
html body .main section.interior .ambar-form input[type="email"],
html body .main section.interior .ambar-form input[type="tel"],
html body .main section.interior .ambar-form input[type="number"],
html body .main section.interior .ambar-form input[type="file"],
html body .main section.interior .ambar-form textarea {
	border: 1px solid #e0d6e8 !important;
	border-radius: 10px !important;
	padding: 12px 14px !important;
	font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif !important;
	font-size: 14px !important;
	color: #333 !important;
	background-color: #ffffff !important;
	width: 100% !important;
	box-sizing: border-box !important;
	transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
	-webkit-appearance: none !important;
	appearance: none !important;
}

html body .main section.interior .ambar-form input:focus,
html body .main section.interior .ambar-form textarea:focus {
	border-color: #5a2a82 !important;
	box-shadow: 0 0 0 3px rgba(90, 42, 130, 0.1) !important;
	outline: none !important;
}

html body .main section.interior .ambar-form textarea {
	min-height: 110px !important;
	resize: vertical !important;
	font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif !important;
}

html body .main section.interior .ambar-form .form-submit-wrap {
	grid-column: 1 / -1 !important;
	text-align: center !important;
	margin-top: 10px !important;
}

html body .main section.interior .ambar-form button[type="submit"],
html body .main section.interior .ambar-form input[type="submit"] {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 12px !important;
	background-color: #5a2a82 !important;
	color: #ffffff !important;
	border: none !important;
	cursor: pointer !important;
	padding: 14px 36px !important;
	border-radius: 999px !important;
	font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif !important;
	font-size: 14.5px !important;
	font-weight: 600 !important;
	letter-spacing: 0.3px !important;
	box-shadow: 0 4px 14px rgba(90, 42, 130, 0.25) !important;
	transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important;
	-webkit-appearance: none !important;
	appearance: none !important;
}

html body .main section.interior .ambar-form button[type="submit"]:hover,
html body .main section.interior .ambar-form input[type="submit"]:hover {
	background-color: #4a2270 !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 8px 22px rgba(90, 42, 130, 0.35) !important;
}

html body .main section.interior .ambar-form .form-warning {
	grid-column: 1 / -1 !important;
	color: #888 !important;
	font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif !important;
	font-size: 12px !important;
	margin: 4px 0 0 0 !important;
	text-align: center !important;
}

/* Sub-secciones de texto (Valores: h4 + p, Nosotros) */
html body .main section.interior .text-section h4 {
	color: #5a2a82 !important;
	font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	margin: 16px 0 6px 0 !important;
	padding: 0 !important;
	line-height: 1.3 !important;
}

html body .main section.interior .text-section p {
	color: #555 !important;
	font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif !important;
	font-size: 14.5px !important;
	line-height: 1.6 !important;
	margin: 0 0 12px 0 !important;
}

html body .main section.interior .text-section p.text-destacado {
	color: #5a2a82 !important;
	font-weight: 600 !important;
	border-left: 3px solid #f5a623 !important;
	padding-left: 14px !important;
	margin-top: 16px !important;
}

/* Lista con bullets violetas */
html body .main section.interior .listados-violet {
	list-style: none !important;
	padding: 0 !important;
	margin: 8px 0 0 0 !important;
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 8px 14px !important;
}

@media (max-width: 768px) {
	html body .main section.interior .listados-violet {
		grid-template-columns: 1fr !important;
	}
	html body .main section.interior .ambar-form {
		grid-template-columns: 1fr !important;
	}
}

html body .main section.interior .listados-violet li {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	color: #444 !important;
	font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	padding: 0 !important;
	line-height: 1.4 !important;
}

html body .main section.interior .listados-violet li::before {
	content: '\f00c' !important;             /* fa-check */
	font-family: 'FontAwesome' !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 24px !important;
	height: 24px !important;
	border-radius: 50% !important;
	background-color: #f4ecf8 !important;
	color: #5a2a82 !important;
	font-size: 10px !important;
	flex-shrink: 0 !important;
}

/* ===== CTA "Solicitar información" ===== */
html body .main section.interior .plan-cta {
	text-align: center !important;
	margin-top: 8px !important;
}

html body .main section.interior .plan-cta-btn {
	display: inline-flex !important;
	align-items: center !important;
	gap: 12px !important;
	background-color: #5a2a82 !important;
	color: #ffffff !important;
	text-decoration: none !important;
	padding: 14px 32px !important;
	border-radius: 999px !important;
	font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif !important;
	font-size: 14.5px !important;
	font-weight: 600 !important;
	letter-spacing: 0.3px !important;
	box-shadow: 0 4px 14px rgba(90, 42, 130, 0.25) !important;
	transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important;
	white-space: nowrap !important;
}

html body .main section.interior .plan-cta-btn:hover {
	background-color: #4a2270 !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 8px 22px rgba(90, 42, 130, 0.35) !important;
}

html body .main section.interior .plan-cta-btn i.fa-arrow-right {
	transition: transform 0.2s ease !important;
}

html body .main section.interior .plan-cta-btn:hover i.fa-arrow-right {
	transform: translateX(4px) !important;
}

/* Responsive interior */
@media (max-width: 992px) {
	html body .main section.interior ul.resp-tabs-list {
		flex: 0 0 240px !important;
	}
	html body .main section.interior .plan-services,
	html body .main section.interior .checklist-grid,
	html body .main section.interior .feature-grid {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}

@media (max-width: 768px) {
	html body .main section.interior {
		padding: 24px 14px !important;
	}
	html body .main section.interior #verticalTab {
		flex-direction: column !important;
		gap: 16px !important;
	}
	/* En mobile mantenemos el sidebar como tabs apilados, NO acordeón */
	html body .main section.interior h2.resp-accordion,
	html body .main section.interior .resp-accordion,
	html body .main section.interior .resp-arrow {
		display: none !important;
	}
	html body .main section.interior ul.resp-tabs-list {
		display: flex !important;
		flex: 0 0 auto !important;
		width: 100% !important;
	}
	html body .main section.interior ul.resp-tabs-list li {
		padding: 12px 14px !important;
		font-size: 13.5px !important;
	}
	html body .main section.interior ul.resp-tabs-list li::before {
		width: 34px !important;
		height: 34px !important;
		font-size: 14px !important;
	}
	html body .main section.interior .resp-tabs-container {
		padding: 24px 18px !important;
	}
	html body .main section.interior .resp-tabs-container h3 {
		font-size: 22px !important;
	}
	html body .main section.interior .plan-services,
	html body .main section.interior .checklist-grid,
	html body .main section.interior .feature-grid {
		grid-template-columns: 1fr !important;
	}
	html body .main section.interior .plan-hero-label {
		top: 14px !important;
		left: 14px !important;
		font-size: 13px !important;
		padding: 8px 16px 8px 12px !important;
	}
	html body .main section.interior .bottom-callout {
		flex-direction: column !important;
		text-align: center !important;
		padding: 18px !important;
	}
	html body .main section.interior .contact-map iframe {
		height: 280px !important;
	}
}

/* ===== Sección Video Institucional ===== */
html body .video-section {
	background-color: #ffffff !important;
	padding: 0 20px 60px 20px !important;
	width: 100% !important;
	text-align: center !important;
	box-sizing: border-box !important;
}

html body .video-section .video-card {
	max-width: 900px !important;
	margin: 0 auto !important;
	background-color: #ffffff !important;
	border: 1px solid #ececec !important;
	border-radius: 10px !important;
	padding: 32px 28px !important;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
	text-align: left !important;
	box-sizing: border-box !important;
}

html body .video-section .video-title {
	color: #5a2a82 !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	letter-spacing: 1.5px !important;
	text-transform: uppercase !important;
	margin: 0 0 24px 0 !important;
	padding: 0 0 12px 0 !important;
	line-height: 1.2 !important;
	position: relative !important;
	text-align: left !important;
}

html body .video-section .video-title::after {
	content: '' !important;
	display: block !important;
	width: 60px !important;
	height: 3px !important;
	background-color: #f5a623 !important;
	margin-top: 12px !important;
	border-radius: 2px !important;
}

html body .video-section .video-embed {
	position: relative !important;
	padding-bottom: 56.25% !important;
	height: 0 !important;
	overflow: hidden !important;
	border-radius: 8px !important;
	margin: 0 0 22px 0 !important;
	background-color: #000 !important;
}

html body .video-section .video-embed iframe {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	border: 0 !important;
}

html body .video-section .video-caption {
	color: #5a2a82 !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	margin: 0 0 6px 0 !important;
	padding: 0 !important;
	text-align: left !important;
	line-height: 1.3 !important;
}

html body .video-section .video-subtitle {
	color: #7a6890 !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: left !important;
	line-height: 1.5 !important;
}

@media (max-width: 768px) {
	html body .video-section {
		padding: 0 16px 40px 16px !important;
	}
	html body .video-section .video-card {
		padding: 22px 18px !important;
	}
	html body .video-section .video-title {
		font-size: 16px !important;
		letter-spacing: 1px !important;
	}
	html body .video-section .video-caption {
		font-size: 16px !important;
	}
	html body .video-section .video-subtitle {
		font-size: 14px !important;
	}
}

/* ===== Slider de páginas interiores (reemplaza bg-violeta.png) ===== */
html body .sliderWrapper img.interior {
	display: none !important;          /* oculta la imagen vieja */
}

/* Las ondas decorativas SÍ se muestran en interior, igual que en home */
html body .sliderWrapper-interior {
	margin: 0 !important;
	padding: 0 !important;
}

html body .sliderWrapper-interior > .cleaner {
	display: none !important;
}

/* Ondas violeta y ámbar — marco decorativo curvo que enmarca la foto.
   Usamos position: absolute (como el diseño original) para que las ondas
   se "monten" sobre el borde superior e inferior del banner formando un marco.
   La foto se ve completa en el medio (los PNG tienen áreas transparentes). */
html body .sliderWrapper {
	position: relative !important;
	overflow: hidden !important;
}

html body .sliderWrapper .curve,
html body .sliderWrapper .curve2 {
	display: block !important;
	position: absolute !important;
	left: 0 !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	z-index: 10 !important;
	background-repeat: no-repeat !important;
	background-size: 100% 100% !important;
	pointer-events: none !important;
}

html body .sliderWrapper .curve {
	top: 0 !important;
	bottom: auto !important;
	height: 130px !important;
}

html body .sliderWrapper .curve2 {
	top: auto !important;
	bottom: 0 !important;
	height: 75px !important;
}

@media (max-width: 992px) {
	html body .sliderWrapper .curve  { height: 100px !important; }
	html body .sliderWrapper .curve2 { height: 60px  !important; }
}

@media (max-width: 768px) {
	html body .sliderWrapper .curve  { height: 70px  !important; }
	html body .sliderWrapper .curve2 { height: 42px  !important; }
}

@media (max-width: 480px) {
	html body .sliderWrapper .curve  { height: 50px  !important; }
	html body .sliderWrapper .curve2 { height: 30px  !important; }
}

html body .sliderWrapper .interior-slider {
	position: relative !important;
	width: 100% !important;
	height: 460px !important;
	overflow: hidden !important;
	background-color: #2a1340 !important;  /* fallback mientras cargan las fotos */
	margin: 0 !important;
	padding: 0 !important;
	z-index: 1 !important;
}

html body .sliderWrapper .interior-slider .interior-slide {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	opacity: 0;
	animation: interior-fade 12s infinite;
}

html body .sliderWrapper .interior-slider .interior-slide:nth-child(1) {
	animation-delay: 0s;
}

html body .sliderWrapper .interior-slider .interior-slide:nth-child(2) {
	animation-delay: 6s;
}

@keyframes interior-fade {
	0%   { opacity: 0; }
	8%   { opacity: 1; }
	50%  { opacity: 1; }
	58%  { opacity: 0; }
	100% { opacity: 0; }
}

@media (max-width: 992px) {
	html body .sliderWrapper .interior-slider {
		height: 400px !important;
	}
}
@media (max-width: 768px) {
	html body .sliderWrapper .interior-slider {
		height: 340px !important;
	}
}
@media (max-width: 480px) {
	html body .sliderWrapper .interior-slider {
		height: 280px !important;
	}
}

/* ===== Callout flotante de teléfono ===== */
html body .circle2.phone-cta,
html body a.circle2.phone-cta {
	position: absolute !important;
	z-index: 10 !important;
	left: 6% !important;
	bottom: 90px !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 22px !important;
	background-color: #ffffff !important;
	border-radius: 80px !important;
	padding: 20px 48px 20px 20px !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18) !important;
	text-decoration: none !important;
	transition: transform 0.2s ease, box-shadow 0.2s ease !important;
	max-width: 92% !important;
	width: auto !important;
	height: auto !important;
	font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif !important;
}

html body .circle2.phone-cta:hover {
	transform: translateY(-2px) !important;
	box-shadow: 0 14px 36px rgba(0, 0, 0, 0.25) !important;
}

html body .circle2.phone-cta .phone-cta-icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 74px !important;
	height: 74px !important;
	min-width: 74px !important;
	background-color: #f4ecf8 !important;
	border-radius: 50% !important;
	flex: 0 0 auto !important;
}

html body .circle2.phone-cta .phone-cta-icon i {
	color: #5a2a82 !important;
	font-size: 32px !important;
	line-height: 1 !important;
}

html body .circle2.phone-cta .phone-cta-text {
	display: inline-flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: 6px !important;
}

html body .circle2.phone-cta .phone-cta-label {
	color: #5a2a82 !important;
	font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif !important;
	font-size: 18px !important;
	font-weight: 500 !important;
	line-height: 1.1 !important;
	letter-spacing: 0.2px !important;
}

html body .circle2.phone-cta .phone-cta-number {
	color: #5a2a82 !important;
	font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif !important;
	font-size: 28px !important;
	font-weight: 700 !important;
	line-height: 1.1 !important;
	letter-spacing: 0.3px !important;
}

/* ===== Slider: tipografía display, color ámbar ===== */
html body .sliderWrapper .banner ul li {
	position: relative !important;
}

html body .sliderWrapper .banner .inner h1 {
	color: #f5a623 !important;
	font-family: 'Economica', 'Georgia', serif !important;
	font-weight: 700 !important;
	font-style: italic !important;
	font-size: 56px !important;
	line-height: 1.05 !important;
	letter-spacing: 0.5px !important;
	text-transform: uppercase !important;
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.35) !important;
	margin: 0 !important;
	padding: 0 30px !important;
	max-width: 50% !important;
}

html body .sliderWrapper .banner ul li {
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
}

/* Sin espacio entre header y slider */
html body #wrapper,
html body .shell,
html body .container {
	padding-top: 0 !important;
	margin-top: 0 !important;
}
html body .sliderWrapper {
	margin: 0 !important;
	padding: 0 !important;
	margin-top: 0 !important;
	padding-top: 0 !important;
}
html body .sliderWrapper .curve {
	margin: 0 !important;
	padding: 0 !important;
}
.wrapperHeader + .sliderWrapper,
.wrapperHeader ~ .sliderWrapper {
	margin-top: 0 !important;
}
.cleaner {
	height: 0 !important;
	line-height: 0 !important;
	clear: both !important;
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
}
.wrapperHeader > .cleaner,
header#header > .cleaner {
	display: none !important;
}

/* Botón flotante de WhatsApp */
.whatsapp-float {
	position: fixed;
	bottom: 24px;
	right: 24px;
	width: 60px;
	height: 60px;
	background-color: #25D366;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff !important;
	font-size: 34px;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
	z-index: 9999;
	text-decoration: none !important;
	transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
.whatsapp-float:hover {
	transform: scale(1.08);
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.28);
	background-color: #1ebe57;
}
.whatsapp-float i {
	color: #ffffff !important;
	line-height: 1;
}
@media (max-width: 600px) {
	.whatsapp-float {
		width: 54px;
		height: 54px;
		font-size: 30px;
		bottom: 18px;
		right: 18px;
	}
}

/* Contenedores generales que se ajustan */
html body, html body #wrapper, html body .shell, html body .container {
	max-width: 100% !important;
	overflow-x: hidden !important;
}

/* === Tablets (hasta 992px) === */
@media (max-width: 992px) {
	#header {
		padding: 18px 20px !important;
	}
	#header .logo,
	#header .logo #logo,
	#header .logo #logo a,
	html body #header .logo,
	html body #header .logo #logo,
	html body #header .logo #logo a {
		max-width: 480px !important;
		min-height: 180px !important;
	}
	#header .logo .logo-img,
	html body #header .logo .logo-img,
	html body img.logo-img {
		height: 180px !important;
		min-height: 180px !important;
	}
	html body nav#navigation ul.ca-menu li a {
		padding: 8px 11px !important;
	}
	html body nav#navigation ul.ca-menu li a .ca-content .ca-main {
		font-size: 15px !important;
		letter-spacing: 0.3px !important;
	}
}

/* === Móviles (hasta 768px) === */
@media (max-width: 768px) {
	html,
	html body,
	html body #wrapper,
	html body .shell,
	html body .container,
	html body .wrapperHeader {
		padding-top: 0 !important;
		margin-top: 0 !important;
		padding-bottom: 0 !important;
		margin-bottom: 0 !important;
	}
	html body {
		margin: 0 !important;
		padding: 0 !important;
	}
	html body .wrapperHeader {
		border-bottom: none !important;
		min-height: 0 !important;
		height: auto !important;
	}
	html body .wrapperHeader .cleaner,
	html body header#header .cleaner,
	html body .sliderWrapper .cleaner {
		display: none !important;
		height: 0 !important;
	}
	html body .sliderWrapper {
		margin: 0 !important;
		padding: 0 !important;
		min-height: 0 !important;
	}
	/* Ondas visibles en mobile (consistencia con desktop) */
	html body .sliderWrapper .curve,
	html body .sliderWrapper .curve2 {
		display: block !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	#header {
		flex-direction: row !important;
		justify-content: space-between !important;
		align-items: center !important;
		padding: 6px 14px !important;          /* aire muy reducido en mobile */
		gap: 12px !important;
		position: relative !important;
		flex-wrap: nowrap !important;
		min-height: 0 !important;
		height: auto !important;
	}

	.hamburger-btn {
		display: block !important;
	}

	#header .logo,
	#header .logo #logo,
	#header .logo #logo a,
	html body #header .logo,
	html body #header .logo #logo,
	html body #header .logo #logo a {
		display: flex !important;
		visibility: visible !important;
		opacity: 1 !important;
		max-width: calc(100% - 60px) !important;
		width: auto !important;
		flex: 1 1 auto !important;
		min-height: 70px !important;
		height: auto !important;
		align-items: center !important;
		justify-content: flex-start !important;
	}
	#header .logo .logo-img,
	html body #header .logo .logo-img,
	html body img.logo-img {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		height: 70px !important;
		min-height: 70px !important;
		max-height: 70px !important;
		width: auto !important;
		max-width: 100% !important;
		object-fit: contain !important;
	}

	html body nav#navigation {
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		bottom: auto !important;
		width: 100% !important;
		background-color: #ffffff !important;
		z-index: 9998 !important;
		max-height: 0 !important;
		overflow: hidden !important;
		transition: max-height 0.35s ease, padding 0.35s ease !important;
		padding: 0 !important;
		margin: 0 !important;
		display: block !important;
		flex: 0 0 auto !important;
		box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
	}
	html body nav#navigation.menu-open {
		max-height: 100vh !important;
		padding: 90px 0 24px 0 !important;
		overflow-y: auto !important;
		-webkit-overflow-scrolling: touch !important;
	}

	.hamburger-btn {
		position: relative !important;
		z-index: 9999 !important;
	}

	html body nav#navigation ul.ca-menu {
		display: flex !important;
		flex-direction: column !important;
		width: 100% !important;
		justify-content: flex-start !important;
		align-items: stretch !important;
		gap: 0 !important;
		flex-wrap: nowrap !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	html body nav#navigation ul.ca-menu li {
		display: block !important;
		width: 100% !important;
		text-align: center !important;
		flex: 0 0 auto !important;
		border-bottom: none !important;
	}
	html body nav#navigation ul.ca-menu li a {
		display: block !important;
		padding: 18px 20px !important;
		width: 100% !important;
		text-align: center !important;
	}
	html body nav#navigation ul.ca-menu li a .ca-content .ca-main {
		font-size: 17px !important;
		letter-spacing: 0.6px !important;
	}

	body.menu-open-lock {
		overflow: hidden !important;
		position: fixed !important;
		width: 100% !important;
	}

	html body .main {
		padding: 30px 0 !important;
	}
	html body .main section ul.ch-grid {
		gap: 18px !important;
		padding: 0 16px !important;
	}
	html body .main section ul.ch-grid li {
		flex: 0 1 100% !important;
		max-width: 420px !important;
	}
	html body .main section ul.ch-grid li .ch-info-back {
		padding: 24px 16px !important;
	}
	html body .main section ul.ch-grid li .ch-info-back h3 {
		font-size: 18px !important;
	}

	html body .sliderWrapper .banner .inner h1 {
		font-size: 28px !important;
		padding: 0 20px !important;
		max-width: 90% !important;
		line-height: 1.1 !important;
	}
	html body .sliderWrapper,
	html body .sliderWrapper .banner,
	html body .sliderWrapper .banner ul,
	html body .sliderWrapper .banner ul li {
		display: block !important;
		visibility: visible !important;
		min-height: 320px !important;
	}
	html body .sliderWrapper .banner ul li {
		background-size: cover !important;
		background-position: center center !important;
		background-repeat: no-repeat !important;
	}

	html body .circle2.phone-cta,
	html body a.circle2.phone-cta {
		position: relative !important;
		top: auto !important;
		bottom: auto !important;
		left: auto !important;
		right: auto !important;
		transform: none !important;
		display: flex !important;
		margin: -38px auto 20px auto !important;
		padding: 12px 22px 12px 12px !important;
		gap: 14px !important;
		width: calc(100% - 32px) !important;
		max-width: 420px !important;
		border-radius: 60px !important;
		box-sizing: border-box !important;
		justify-content: flex-start !important;
		z-index: 5 !important;
	}
	html body .circle2.phone-cta:hover {
		transform: translateY(-2px) !important;
	}
	html body .circle2.phone-cta .phone-cta-icon {
		width: 50px !important;
		height: 50px !important;
		min-width: 50px !important;
	}
	html body .circle2.phone-cta .phone-cta-icon i {
		font-size: 22px !important;
	}
	html body .circle2.phone-cta .phone-cta-label {
		font-size: 13px !important;
	}
	html body .circle2.phone-cta .phone-cta-number {
		font-size: 20px !important;
	}

	.circle1 {
		width: 90% !important;
		max-width: 360px !important;
		margin: 14px auto !important;
		box-sizing: border-box !important;
	}
}

/* === Móviles chicos (hasta 480px) === */
@media (max-width: 480px) {
	#header {
		padding: 10px 14px !important;
	}
	#header .logo,
	#header .logo #logo,
	#header .logo #logo a,
	html body #header .logo,
	html body #header .logo #logo,
	html body #header .logo #logo a {
		display: flex !important;
		visibility: visible !important;
		opacity: 1 !important;
		max-width: calc(100% - 54px) !important;
		min-height: 58px !important;
		height: auto !important;
		align-items: center !important;
		justify-content: flex-start !important;
	}
	#header .logo .logo-img,
	html body #header .logo .logo-img,
	html body img.logo-img {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		height: 58px !important;
		min-height: 58px !important;
		max-height: 58px !important;
		width: auto !important;
		max-width: 100% !important;
		object-fit: contain !important;
	}
	.hamburger-line {
		width: 26px !important;
		height: 3px !important;
	}
	html body nav#navigation ul.ca-menu li a .ca-content .ca-main {
		font-size: 15px !important;
	}
	html body nav#navigation ul.ca-menu li a {
		padding: 12px 16px !important;
	}
	html body .main section ul.ch-grid li .ch-info-back h3 {
		font-size: 17px !important;
	}
	html body .sliderWrapper .banner .inner h1 {
		font-size: 22px !important;
		padding: 0 16px !important;
	}
}

/* Imágenes responsive */
img { max-width: 100% !important; height: auto !important; }

/* ===== Botón hamburguesa (oculto en desktop) ===== */
.hamburger-btn {
	display: none;
	background: none;
	border: none;
	cursor: pointer;
	padding: 10px;
	margin: 0;
	z-index: 100;
	flex: 0 0 auto;
	-webkit-appearance: none;
	appearance: none;
}
.hamburger-btn:focus {
	outline: 2px solid #5a2a82;
	outline-offset: 2px;
	border-radius: 4px;
}
.hamburger-line {
	display: block;
	width: 28px;
	height: 3px;
	background-color: #5a2a82;
	margin: 5px 0;
	transition: transform 0.3s ease, opacity 0.3s ease;
	border-radius: 2px;
}
.hamburger-btn.active .hamburger-line:nth-child(1) {
	transform: translateY(8px) rotate(45deg);
}
.hamburger-btn.active .hamburger-line:nth-child(2) {
	opacity: 0;
}
.hamburger-btn.active .hamburger-line:nth-child(3) {
	transform: translateY(-8px) rotate(-45deg);
}

/* ===== FOOTER: fondo blanco, letras violetas ===== */
html body #footer,
html body #footer .footer-bottom,
html body #footer .footer-bottom .circle1 {
	background-color: #ffffff !important;
	background-image: none !important;
	border-radius: 0 !important;
}

html body #footer {
	padding: 40px 20px !important;
	margin: 0 !important;
	width: 100% !important;
	border-top: 1px solid #eadcf2 !important;
}

html body #footer .footer-bottom {
	padding: 0 !important;
	margin: 0 auto !important;
	max-width: 900px !important;
}

html body #footer .footer-bottom .circle1 {
	width: 100% !important;
	max-width: none !important;
	padding: 0 !important;
	margin: 0 !important;
	text-align: center !important;
}

html body #footer .footer-bottom .circle1 h2 {
	color: #5a2a82 !important;
	font-size: 22px !important;
	font-weight: 700 !important;
	letter-spacing: 1px !important;
	text-transform: uppercase !important;
	margin: 0 0 18px 0 !important;
	padding: 0 !important;
	text-align: center !important;
}

html body #footer .footer-bottom .circle1 ul {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
	text-align: center !important;
}

html body #footer .footer-bottom .circle1 ul li,
html body #footer .footer-bottom .circle1 ul li strong,
html body #footer .footer-bottom .circle1 ul li a,
html body #footer .footer-bottom .circle1 ul li i {
	color: #5a2a82 !important;
	background: none !important;
	background-color: transparent !important;
	text-align: center !important;
	font-size: 15px !important;
	line-height: 1.6 !important;
}

html body #footer .footer-bottom .circle1 ul li {
	padding: 4px 6px !important;
	margin: 0 !important;
	display: block !important;
}

html body #footer .footer-bottom .circle1 ul li i {
	margin-right: 6px !important;
}

html body #footer .footer-bottom .circle1 ul li a {
	text-decoration: none !important;
	transition: color 0.2s ease !important;
}

html body #footer .footer-bottom .circle1 ul li a:hover {
	color: #f5a623 !important;
}

/* Redes sociales */
html body #footer .footer-bottom .circle1 ul.redes {
	margin-top: 22px !important;
	padding: 0 !important;
	display: flex !important;
	justify-content: center !important;
	gap: 12px !important;
}

html body #footer .footer-bottom .circle1 ul.redes li {
	display: inline-flex !important;
	padding: 0 !important;
	margin: 0 !important;
}

html body #footer .footer-bottom .circle1 ul.redes li a {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 40px !important;
	height: 40px !important;
	background-color: #5a2a82 !important;
	border-radius: 50% !important;
	color: #ffffff !important;
	transition: background-color 0.2s ease, transform 0.2s ease !important;
	padding: 0 !important;
}

html body #footer .footer-bottom .circle1 ul.redes li a:hover {
	background-color: #f5a623 !important;
	transform: translateY(-2px) !important;
}

html body #footer .footer-bottom .circle1 ul.redes li a i {
	color: #ffffff !important;
	font-size: 18px !important;
	margin: 0 !important;
	line-height: 1 !important;
}