/*
Theme Name: ExeprofCare Final
Version: 2.0.0
Description: Diseño aprobado ExeprofCare con contacto externo y fotografías locales.
Author: ExeprofCare
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: exeprofcare
*/


/* ==========================================
RESET
========================================== */

*{
margin:0;
padding:0;
box-sizing:border-box;
}

html{
scroll-behavior:smooth;
}

body{
font-family:'Inter',sans-serif;
overflow-x:hidden;
}

/* ==========================================
COLORES
========================================== */

:root{

--verde:#00A651;
--verde-hover:#008847;
--azul:#162033;
--gris:#667085;

}

/* ==========================================
CONTENEDOR
========================================== */

.exe-hero-container{
width:92%;
max-width:1300px;
margin:auto;
}

/* ==========================================
HEADER
========================================== */

.exe-header{

position:fixed;

top:0;
left:0;

width:100%;

background:#ffffff;

z-index:9999;

box-shadow:0 3px 20px rgba(0,0,0,.05);

}

.exe-nav{

height:90px;

display:flex;

justify-content:space-between;

align-items:center;

}

/* ==========================================
LOGO
========================================== */

.exe-logo img{

height:75px;

width:auto;

display:block;

}

/* ==========================================
MENU
========================================== */

.exe-menu{

display:flex;

align-items:center;

gap:35px;

list-style:none;

}

.exe-menu a{

text-decoration:none;

font-size:15px;

font-weight:600;

color:#162033;

transition:.3s;

}

.exe-menu a:hover{

color:var(--verde);

}

/* ==========================================
BOTON MENU
========================================== */

.exe-btn-menu{

background:var(--verde);

color:white !important;

padding:14px 28px;

border-radius:12px;

font-weight:700;

}

.exe-btn-menu:hover{

background:var(--verde-hover);

}

/* ==========================================
HERO
========================================== */

.exe-hero{

padding-top:130px;

padding-bottom:80px;

background:

linear-gradient(
180deg,
#ffffff 0%,
#f3faf6 100%
);

}

.exe-hero-grid{

display:grid;

grid-template-columns:1.1fr 1fr;

gap:70px;

align-items:center;

}

/* ==========================================
BADGE
========================================== */

.exe-badge{

display:inline-block;

padding:12px 22px;

background:#EAF8F0;

color:var(--verde);

font-size:14px;

font-weight:700;

border-radius:50px;

margin-bottom:25px;

}

/* ==========================================
TITULO
========================================== */

.exe-hero-title{

font-size:51px;

font-weight:900;

line-height:1.05;

color:var(--azul);

margin-bottom:25px;

}

.exe-hero-title span{

display:block;

color:var(--verde);

font-size:inherit;

font-weight:inherit;

line-height:inherit;

}

/* ==========================================
DESCRIPCION
========================================== */

.exe-description{

font-size:19px;

line-height:1.9;

color:var(--gris);

margin-bottom:35px;

max-width:650px;

}

/* ==========================================
BOTONES
========================================== */

.exe-buttons{

display:flex;

gap:18px;

flex-wrap:wrap;

margin-bottom:50px;

}

.exe-btn-primary{

background:var(--verde);

color:white;

padding:18px 35px;

border-radius:12px;

text-decoration:none;

font-weight:700;

transition:.3s;

}

.exe-btn-primary:hover{

transform:translateY(-4px);

}

.exe-btn-secondary{

border:2px solid var(--verde);

color:var(--verde);

padding:18px 35px;

border-radius:12px;

text-decoration:none;

font-weight:700;

background:white;

transition:.3s;

}

.exe-btn-secondary:hover{

transform:translateY(-4px);

}

/* ==========================================
ESTADISTICAS
========================================== */

.exe-stats{

display:flex;

gap:50px;

flex-wrap:wrap;

}

.exe-stat h3{

font-size:40px;

font-weight:900;

color:var(--verde);

}

.exe-stat p{

font-size:15px;

color:var(--gris);

}

/* ==========================================
IMAGEN
========================================== */

.exe-image{

overflow:hidden;

border-radius:32px;

box-shadow:0 25px 70px rgba(0,0,0,.12);

}

.exe-image img{

width:100%;

height:650px;

object-fit:cover;

display:block;

}

/* ==========================================
RESPONSIVE
========================================== */

@media(max-width:992px){

.exe-menu{
display:none;
}

.exe-hero-grid{
grid-template-columns:1fr;
}

.exe-title{
font-size:46px;
}

.exe-image img{
height:auto;
}

}




/* ==========================================
SECCIÓN GENERAL
========================================== */

.exe-section{
padding:120px 0;
background:#ffffff;
}

.exe-container{
width:92%;
max-width:1300px;
margin:auto;
}

/* ==========================================
BLOQUE 1
========================================== */

.exe-row{
display:grid;
grid-template-columns:1fr 1fr;
gap:80px;
align-items:center;
margin-bottom:120px;
}

.exe-image-large{
overflow:hidden;
border-radius:30px;
box-shadow:0 25px 60px rgba(0,0,0,.12);
}

.exe-image-large img{
width:100%;
height:700px;
object-fit:cover;
display:block;
transition:.5s;
}

.exe-image-large:hover img{
transform:scale(1.05);
}

.exe-content span{
color:#00A651;
font-weight:700;
letter-spacing:2px;
font-size:14px;
text-transform:uppercase;
}

.exe-content h2{
font-size:58px;
line-height:1.1;
font-weight:900;
color:#18212B;
margin:20px 0;
}

.exe-content p{
font-size:18px;
line-height:1.9;
color:#667085;
margin-bottom:25px;
}

.exe-list{
margin-top:35px;
}

.exe-list div{
padding:18px 0;
border-bottom:1px solid #E8EDF2;
font-size:17px;
color:#18212B;
font-weight:600;
}

/* ==========================================
BANDA DE CONFIANZA
========================================== */

.exe-trust-banner{

padding:140px 0;

background:
linear-gradient(
rgba(0,0,0,.55),
rgba(0,0,0,.55)
),

url('https://images.pexels.com/photos/4260325/pexels-photo-4260325.jpeg?auto=compress&cs=tinysrgb&w=1800');

background-size:cover;
background-position:center;

text-align:center;

}

.exe-trust-banner h2{

font-size:68px;

font-weight:900;

color:white;

margin-bottom:20px;

}

.exe-trust-banner p{

font-size:22px;

line-height:1.8;

color:rgba(255,255,255,.92);

max-width:900px;

margin:auto auto 40px;

}

.exe-btn-trust{

display:inline-block;

padding:18px 40px;

background:#00A651;

color:white;

text-decoration:none;

font-weight:700;

border-radius:12px;

transition:.3s;

}

.exe-btn-trust:hover{

transform:translateY(-4px);

}

/* ==========================================
GALERIA PREMIUM
========================================== */

.exe-gallery{

padding:120px 0;

background:#f8fafc;

}

.exe-title{

text-align:center;

max-width:900px;

margin:auto auto 70px;

}

.exe-title span{

color:#00A651;

font-weight:700;

letter-spacing:2px;

text-transform:uppercase;

font-size:14px;

}

.exe-title h2{

font-size:58px;

font-weight:900;

color:#18212B;

margin:20px 0;

}

.exe-title p{

font-size:18px;

line-height:1.9;

color:#667085;

}

.exe-gallery-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:25px;

}

.exe-gallery-item{

overflow:hidden;

border-radius:25px;

box-shadow:0 15px 40px rgba(0,0,0,.08);

}

.exe-gallery-item img{

width:100%;

height:380px;

object-fit:cover;

display:block;

transition:.6s;

}

.exe-gallery-item:hover img{

transform:scale(1.08);

}

/* ==========================================
RESPONSIVE
========================================== */

@media(max-width:992px){

.exe-row{
grid-template-columns:1fr;
gap:40px;
}

.exe-content h2{
font-size:40px;
}

.exe-title h2{
font-size:40px;
}

.exe-gallery-grid{
grid-template-columns:1fr 1fr;
}

.exe-image-large img{
height:auto;
}

.exe-trust-banner h2{
font-size:42px;
}

}

@media(max-width:768px){

.exe-gallery-grid{
grid-template-columns:1fr;
}

}




/* ==========================================
SECCION PLANES
========================================== */

.exeplans-section{
padding:120px 0;
background:#ffffff;
}

.exeplans-container{
width:92%;
max-width:1300px;
margin:auto;
}

/* ==========================================
HEADER
========================================== */

.exeplans-header{
text-align:center;
margin-bottom:70px;
}

.exeplans-badge{
display:inline-block;
padding:12px 25px;
background:#EAF8F0;
color:#00A651;
font-weight:700;
font-size:14px;
border-radius:50px;
margin-bottom:20px;
}

.exeplans-title{
font-size:54px;
font-weight:900;
color:#162033;
line-height:1.1;
margin-bottom:20px;
}

.exeplans-description{
max-width:800px;
margin:auto;
font-size:18px;
line-height:1.8;
color:#667085;
}

/* ==========================================
IMAGEN PRINCIPAL
========================================== */

.exeplans-banner{
margin-top:60px;
margin-bottom:70px;
overflow:hidden;
border-radius:30px;
box-shadow:0 20px 60px rgba(0,0,0,.10);
}

.exeplans-banner img{
width:100%;
height:450px;
object-fit:cover;
display:block;
}

/* ==========================================
GRID PLANES
========================================== */

.exeplans-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}

/* ==========================================
CARD
========================================== */

.exeplans-card{
background:#ffffff;
border-radius:30px;
padding:40px;
border:1px solid rgba(0,166,81,.15);
box-shadow:0 15px 40px rgba(0,0,0,.05);
transition:.4s;
position:relative;
overflow:hidden;
}

.exeplans-card:hover{
transform:translateY(-10px);
box-shadow:0 25px 60px rgba(0,0,0,.12);
}

.exeplans-card.featured{
border:2px solid #00A651;
}

.exeplans-name{
font-size:30px;
font-weight:800;
color:#162033;
margin-bottom:15px;
}

.exeplans-price{
font-size:55px;
font-weight:900;
color:#00A651;
margin-bottom:25px;
}

.exeplans-price span{
font-size:16px;
font-weight:500;
color:#667085;
}

.exeplans-list{
list-style:none;
padding:0;
margin:0 0 35px;
}

.exeplans-list li{
padding:12px 0;
border-bottom:1px solid rgba(0,0,0,.06);
font-size:16px;
color:#4B5563;
}

.exeplans-btn{
display:block;
width:100%;
text-align:center;
background:#00A651;
color:white;
padding:16px;
border-radius:12px;
font-weight:700;
text-decoration:none;
transition:.3s;
}

.exeplans-btn:hover{
background:#008847;
}

/* ==========================================
BENEFICIOS EXTRA
========================================== */

.exeplans-benefits{
margin-top:100px;
display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;
}

.exeplans-benefit{
background:#F8FBF9;
padding:30px;
border-radius:24px;
text-align:center;
}

.exeplans-benefit img{
width:100%;
height:180px;
object-fit:cover;
border-radius:18px;
margin-bottom:20px;
}

.exeplans-benefit h4{
font-size:22px;
color:#162033;
margin-bottom:10px;
font-weight:800;
}

.exeplans-benefit p{
font-size:15px;
line-height:1.8;
color:#667085;
}

/* ==========================================
RESPONSIVE
========================================== */

@media(max-width:992px){

.exeplans-grid{
grid-template-columns:1fr;
}

.exeplans-benefits{
grid-template-columns:1fr;
}

.exeplans-title{
font-size:40px;
}

}




/* ==========================================
SECCION GENERAL
========================================== */

.execontact-section{
padding:120px 0;
background:#f8faf9;
}

.execontact-container{
width:92%;
max-width:1300px;
margin:auto;
}

/* ==========================================
TITULO
========================================== */

.execontact-header{
text-align:center;
margin-bottom:70px;
}

.execontact-badge{
display:inline-block;
padding:12px 24px;
background:#EAF8F0;
color:#00A651;
font-weight:700;
border-radius:50px;
margin-bottom:20px;
}

.execontact-title{
font-size:52px;
font-weight:900;
color:#162033;
line-height:1.1;
margin-bottom:20px;
}

.execontact-subtitle{
max-width:800px;
margin:auto;
font-size:18px;
line-height:1.8;
color:#667085;
}

/* ==========================================
TESTIMONIOS
========================================== */

.exetest-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
margin-bottom:100px;
}

.exetest-card{
background:#fff;
padding:35px;
border-radius:28px;
box-shadow:0 15px 40px rgba(0,0,0,.05);
}

.exetest-card img{
width:70px;
height:70px;
border-radius:50%;
object-fit:cover;
margin-bottom:20px;
}

.exetest-card p{
line-height:1.9;
color:#667085;
margin-bottom:20px;
}

.exetest-card h4{
color:#162033;
font-size:18px;
}

.exetest-card span{
color:#00A651;
font-size:14px;
}

/* ==========================================
CLIENTES
========================================== */

.execlients{
margin-bottom:100px;
}

.execlients-title{
text-align:center;
font-size:42px;
font-weight:900;
color:#162033;
margin-bottom:50px;
}

.execlients-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;
}

.execlients-grid img{
width:100%;
height:260px;
object-fit:cover;
border-radius:24px;
box-shadow:0 10px 30px rgba(0,0,0,.08);
transition:.3s;
}

.execlients-grid img:hover{
transform:translateY(-8px);
}

/* ==========================================
CONTACTO
========================================== */

.exeform-wrapper{

display:grid;

grid-template-columns:1fr 1fr;

gap:50px;

align-items:center;

background:#fff;

padding:60px;

border-radius:35px;

box-shadow:0 20px 60px rgba(0,0,0,.08);

}

.exeform-info h3{

font-size:48px;

line-height:1.1;

color:#162033;

margin-bottom:25px;

font-weight:900;

}

.exeform-info p{

font-size:18px;

line-height:1.9;

color:#667085;

margin-bottom:35px;

}

.exeform-image img{

width:100%;

border-radius:28px;

height:600px;

object-fit:cover;

}

/* ==========================================
FORMULARIO
========================================== */

.exe-form{
display:flex;
flex-direction:column;
gap:18px;
}

.exe-form input,
.exe-form select,
.exe-form textarea{

width:100%;

padding:18px;

border:1px solid #dcdfe4;

border-radius:12px;

font-size:16px;

font-family:inherit;

}

.exe-form textarea{
height:140px;
resize:none;
}

.exe-submit{

background:#00A651;

color:white;

border:none;

padding:18px;

border-radius:12px;

font-size:17px;

font-weight:700;

cursor:pointer;

transition:.3s;

}

.exe-submit:hover{

background:#008847;

}

/* ==========================================
WHATSAPP
========================================== */

.exe-whatsapp{

display:inline-block;

margin-top:20px;

background:#25D366;

color:white;

padding:16px 30px;

border-radius:12px;

text-decoration:none;

font-weight:700;

}

/* ==========================================
RESPONSIVE
========================================== */

@media(max-width:992px){

.exetest-grid{
grid-template-columns:1fr;
}

.execlients-grid{
grid-template-columns:1fr 1fr;
}

.exeform-wrapper{
grid-template-columns:1fr;
padding:35px;
}

.execontact-title{
font-size:38px;
}

.exeform-info h3{
font-size:34px;
}

}



.exe521-footer{background:#fff;color:#162033;font-family:'Inter',Arial,sans-serif;border-top:1px solid #e5ece8;width:100%;margin:0;padding:64px 0 24px;box-sizing:border-box}.exe521-footer *{box-sizing:border-box}.exe521-footer .exe521-inner{width:92%;max-width:1300px;margin:auto}.exe521-footer .exe521-grid{display:grid;grid-template-columns:1.5fr .8fr 1fr;gap:70px;padding-bottom:44px}.exe521-footer .exe521-logo{width:230px;max-width:100%;height:auto;display:block;margin-bottom:22px}.exe521-footer p{font-size:15px;line-height:1.8;color:#667085;margin:0;max-width:370px}.exe521-footer h2{font-size:16px;line-height:1.4;font-weight:700;letter-spacing:0;color:#162033;margin:0 0 20px}.exe521-footer ul{list-style:none;margin:0;padding:0}.exe521-footer li{margin:0 0 11px;font-size:15px}.exe521-footer a{text-decoration:none;color:#162033;transition:color .2s}.exe521-footer a:hover{color:#008847}.exe521-footer a:focus-visible{outline:3px solid #00a651;outline-offset:5px}.exe521-footer .exe521-phone{font-size:25px;font-weight:700;letter-spacing:-.5px;display:inline-block;margin-bottom:8px}.exe521-footer .exe521-wa{display:inline-flex;align-items:center;gap:10px;background:#00a651;color:white;border-radius:50px;font-size:14px;font-weight:700;padding:12px 23px;margin-top:19px;min-height:48px}.exe521-footer .exe521-wa:hover{background:#008847;color:white}.exe521-footer .exe521-bottom{border-top:1px solid #e5ece8;padding-top:23px;display:flex;justify-content:space-between;gap:20px;align-items:center}.exe521-footer .exe521-bottom p,.exe521-footer .exe521-bottom a{font-size:13px;line-height:1.6}.exe521-footer .exe521-tag{display:inline-block;color:#008847;font-size:12px;letter-spacing:1.6px;font-weight:700;margin-top:20px}.exe521-footer svg{width:20px;height:20px;fill:currentColor;flex-shrink:0}@media(max-width:800px){.exe521-footer{padding-top:44px}.exe521-footer .exe521-grid{grid-template-columns:1fr 1fr;gap:35px}.exe521-footer .exe521-brand{grid-column:1/-1}.exe521-footer .exe521-bottom{align-items:flex-start;flex-direction:column;gap:12px}}@media(max-width:480px){.exe521-footer .exe521-grid{grid-template-columns:1fr;gap:32px}.exe521-footer .exe521-brand{grid-column:auto}.exe521-footer .exe521-logo{width:210px}}

html{scroll-padding-top:110px}body{margin:0;font-family:Inter,Arial,sans-serif;line-height:1.65;color:#162033}img{max-width:100%}.exe-menu a,.exe-menu a:hover,.exe-menu a:focus,.exe-menu a:active,.exe-menu a:visited,.exe-menu a[aria-current]{text-decoration:none!important;border-bottom:0!important;box-shadow:none!important;background-image:none!important}.exe-menu a::before,.exe-menu a::after{display:none!important}.exe-final-contact{text-align:center;padding:55px 0 0}.exe-final-contact .exe-btn-primary{display:inline-flex;justify-content:center;align-items:center;min-height:52px}.exe-final-details{margin:8px 0 14px;font-size:15px;overflow-wrap:anywhere}.exe-final-details p{margin-top:9px}.exe521-footer .exe521-phone{font-size:clamp(20px,2vw,25px)}.exe-hero .exe-image img{width:100%;height:auto;object-fit:contain}.exe-mobile-toggle{display:none}a:focus-visible,button:focus-visible{outline:3px solid #008847;outline-offset:5px}.exe-menu a.exe-btn-menu{color:white!important}@media(max-width:992px){.exe-mobile-toggle{display:block;border:1px solid #dde6e0;background:white;color:#162033;border-radius:8px;padding:9px 15px;font:inherit}.exe-nav{position:relative}.exe-menu.exe-menu-open{display:flex;position:absolute;left:0;right:0;top:100%;padding:20px;background:white;box-shadow:0 14px 24px #16203315;flex-direction:column;gap:16px;align-items:stretch}.exe-menu{margin:0}.exe-menu a{display:block}.execontact-title,.exeplans-title{font-size:clamp(30px,6vw,52px)}.exe521-footer .exe521-grid{gap:28px}}@media(max-width:480px){.exe-hero-title{font-size:36px!important}.execontact-title{font-size:30px!important}.exe521-footer .exe521-tag{font-size:11px;letter-spacing:1px}.exe-final-contact{padding-top:30px}.exe-btn-primary{max-width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}