/* Start custom CSS for html, class: .elementor-element-afb9018 */:root{
--azul:#1F2A3A;
--verde:#A6CE39;
}
/* HERO */
.iwp-about-hero{
position:relative;
min-height:95vh;
display:flex;
align-items:center;
background:
linear-gradient(
rgba(31,42,58,.55),
rgba(31,42,58,.65)
),
url("https://institutowordpress.com/wp-content/uploads/2026/01/child-5976952_1920.jpg");
background-size:cover;
background-position:center;
background-repeat:no-repeat;
}
/* CONTENEDOR */
.iwp-about-container{
width:100%;
max-width:1300px;
margin:auto;
padding:0 40px;
}
/* TARJETA GLASS */
.iwp-about-card{
max-width:650px;
background:rgba(255,255,255,.08);
backdrop-filter:blur(18px);
-webkit-backdrop-filter:blur(18px);
border:1px solid rgba(255,255,255,.15);
border-radius:24px;
padding:35px;
box-shadow:
0 20px 60px rgba(0,0,0,.18);
}
/* TAG */
.iwp-about-tag{
display:inline-block;
color:var(--verde);
font-size:12px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
margin-bottom:12px;
}
/* TITULO */
.iwp-about-card h1{
color:#FFFFFF;
font-size:38px;
line-height:1.15;
font-weight:700;
margin-bottom:18px;
}
/* TEXTO */
.iwp-about-card p{
color:#FFFFFF;
font-size:17px;
line-height:1.8;
margin-bottom:25px;
opacity:.95;
}
/* BOTONES */
.iwp-about-actions{
display:flex;
gap:15px;
flex-wrap:wrap;
}
/* MOBILE */
@media(max-width:768px){
.iwp-about-hero{
min-height:auto;
padding:70px 0;
}
.iwp-about-container{
padding:0 20px;
}
.iwp-about-card{
padding:25px;
}
.iwp-about-card h1{
font-size:28px;
}
.iwp-about-card p{
font-size:16px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ecce3b6 */:root{
--azul:#1F2A3A;
--verde:#A6CE39;
--gris:#64748B;
}
/* SECCION */
.iw-about-pro{
background:#FFFFFF;
padding:70px 40px;
}
/* CONTENEDOR */
.iw-about-container{
max-width:1200px;
margin:0 auto;
}
/* HEADER */
.iw-about-header{
max-width:850px;
margin-bottom:40px;
}
.iw-about-eyebrow{
display:inline-block;
color:var(--verde);
font-size:13px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
margin-bottom:12px;
}
.iw-about-header h2{
color:var(--azul);
font-size:42px;
line-height:1.2;
margin-bottom:15px;
font-weight:700;
}
.iw-about-lead{
font-size:20px;
line-height:1.7;
color:var(--gris);
margin:0;
}
/* CONTENIDO */
.iw-about-content{
max-width:950px;
margin-bottom:45px;
}
.iw-about-content p{
color:#475569;
font-size:17px;
line-height:1.9;
margin-bottom:20px;
}
/* GRID */
.iw-about-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:25px;
}
/* TARJETAS */
.iw-card{
background:#FFFFFF;
border:1px solid rgba(31,42,58,.08);
border-radius:22px;
padding:32px;
box-shadow:
0 10px 30px rgba(15,23,42,.05);
transition:.3s ease;
}
.iw-card:hover{
transform:translateY(-4px);
box-shadow:
0 20px 45px rgba(15,23,42,.08);
}
.iw-card h3{
color:var(--azul);
font-size:24px;
margin-bottom:15px;
font-weight:700;
}
.iw-card p{
color:#475569;
font-size:16px;
line-height:1.8;
margin:0;
}
/* DESTACADAS */
.iw-card.highlight{
border-left:5px solid var(--verde);
}
.iw-card.highlight h3{
color:var(--verde);
}
/* RESPONSIVE */
@media(max-width:900px){
.iw-about-grid{
grid-template-columns:1fr;
}
}
@media(max-width:768px){
.iw-about-pro{
padding:60px 20px;
}
.iw-about-header h2{
font-size:32px;
}
.iw-about-lead{
font-size:18px;
}
.iw-about-content p{
font-size:16px;
}
.iw-card{
padding:25px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8fdb45 */:root{
--azul:#1F2A3A;
--verde:#A6CE39;
--gris:#64748B;
}
/* =========================
TIMELINE
========================= */
.iwp-timeline{
background:#FFFFFF;
padding:70px 20px;
}
.iwp-timeline-container{
max-width:1100px;
margin:0 auto;
}
/* =========================
HEADER
========================= */
.iwp-timeline-header{
text-align:center;
max-width:800px;
margin:0 auto 50px;
}
.iwp-timeline-tag{
display:inline-block;
color:var(--verde);
font-size:13px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
margin-bottom:12px;
}
.iwp-timeline-header h2{
color:var(--azul);
font-size:38px;
line-height:1.2;
margin-bottom:15px;
}
.iwp-timeline-header p{
color:var(--gris);
font-size:18px;
line-height:1.7;
}
/* =========================
LINEA CENTRAL
========================= */
.iwp-timeline-line{
position:relative;
margin-bottom:50px;
}
.iwp-timeline-line:before{
content:"";
position:absolute;
left:50%;
top:0;
bottom:0;
width:3px;
background:var(--verde);
transform:translateX(-50%);
}
/* =========================
ITEMS
========================= */
.iwp-timeline-item{
position:relative;
width:50%;
padding:0 35px;
margin-bottom:22px;
}
.iwp-timeline-item.left{
left:0;
}
.iwp-timeline-item.right{
left:50%;
}
/* =========================
PUNTO
========================= */
.iwp-timeline-item:before{
content:"";
position:absolute;
top:18px;
width:16px;
height:16px;
border-radius:50%;
background:var(--verde);
border:3px solid #FFFFFF;
box-shadow:
0 0 0 4px rgba(166,206,57,.18);
}
.iwp-timeline-item.left:before{
right:-8px;
}
.iwp-timeline-item.right:before{
left:-8px;
}
/* =========================
TARJETAS
========================= */
.iwp-timeline-card{
background:#FFFFFF;
border-radius:18px;
padding:22px;
border:1px solid rgba(31,42,58,.08);
box-shadow:
0 10px 25px rgba(15,23,42,.05);
transition:.35s ease;
}
.iwp-timeline-card:hover{
transform:translateY(-4px);
box-shadow:
0 18px 40px rgba(15,23,42,.08);
}
.iwp-year{
display:inline-block;
color:var(--verde);
font-size:13px;
font-weight:700;
margin-bottom:8px;
}
.iwp-timeline-card h3{
color:var(--azul);
font-size:20px;
line-height:1.3;
margin-bottom:10px;
}
.iwp-timeline-card p{
color:#475569;
font-size:14px;
line-height:1.7;
margin:0;
}
/* =========================
BLOQUE FINAL
========================= */
.iwp-timeline-final{
max-width:900px;
margin:0 auto;
background:#1F2A3A;
border-radius:24px;
padding:40px;
text-align:center;
box-shadow:
0 20px 60px rgba(31,42,58,.15);
}
.iwp-timeline-final span{
display:inline-block;
color:#A6CE39;
font-size:13px;
font-weight:700;
letter-spacing:1px;
margin-bottom:12px;
}
.iwp-timeline-final h3{
color:#FFFFFF;
font-size:30px;
line-height:1.2;
margin-bottom:18px;
}
.iwp-timeline-final p{
color:rgba(255,255,255,.92);
font-size:16px;
line-height:1.8;
margin-bottom:15px;
}
.iwp-timeline-btn{
display:inline-block;
margin-top:12px;
background:var(--verde);
color:var(--azul);
text-decoration:none !important;
font-weight:700;
padding:14px 28px;
border-radius:12px;
transition:.3s ease;
}
.iwp-timeline-btn:hover{
transform:translateY(-2px);
color:var(--azul);
background:#B8DD56;
text-decoration:none !important;
}
/* =========================
ANIMACIONES
========================= */
.iwp-reveal{
opacity:0;
transition:
opacity .8s ease,
transform .8s ease;
}
.iwp-timeline-item.left.iwp-reveal{
transform:translateX(-50px);
}
.iwp-timeline-item.right.iwp-reveal{
transform:translateX(50px);
}
.iwp-timeline-final.iwp-reveal{
transform:translateY(40px);
}
.iwp-reveal.active{
opacity:1;
transform:none;
}
/* =========================
TABLET
========================= */
@media(max-width:900px){
.iwp-timeline-line:before{
left:20px;
}
.iwp-timeline-item{
width:100%;
left:0 !important;
padding-left:55px;
padding-right:0;
}
.iwp-timeline-item:before{
left:12px !important;
}
}
/* =========================
MOBILE
========================= */
@media(max-width:768px){
.iwp-timeline{
padding:60px 20px;
}
.iwp-timeline-header h2{
font-size:30px;
}
.iwp-timeline-header p{
font-size:16px;
}
.iwp-timeline-final{
padding:30px;
}
.iwp-timeline-final h3{
font-size:24px;
}
.iwp-timeline-final p{
font-size:15px;
}
}/* End custom CSS */