:root{--pink:#D63384;--blue:#0066CC;--text:#1A1A1A;--soft:#F2F4F7;}
body{
font-family:'Inter',sans-serif;
margin:0;
color:var(--text);
font-size:16px;
line-height:1.6;
}
h1,
h2,
h3,
h4,
h5,
h6{
font-family:'Barlow Semi Condensed',sans-serif;
font-weight:700;
line-height:1.1;
margin-top:0;
}

.wrap{width:min(1100px,92%);margin:auto}
.header{padding:20px 0;border-bottom:1px solid #eee}
.header .wrap{display:flex;justify-content:space-between}

.logo{font-size:32px;font-weight:700}
.logo img{
    max-width: 220px;
    height: auto;
}

.wrap{
    width:min(1100px,90%);
    margin:0 auto;
}

/* Nav styles — MUST be outside media query to apply on desktop */
nav a{
    text-decoration:none;
    color:#1A1A1A;
    font-weight:500;
    transition:.2s;
}

nav a:hover{
    color:#D63384;
}

nav{
    display:flex;
    gap:28px;
    align-items:center;
}

.hero{padding:40px 0 70px;}

@media(max-width:768px){
.hero{padding:50px 0;}
.hero-grid{grid-template-columns:1fr;}
h1{font-size:42px;}
nav{display:none;}
}
.hero-placeholder{
    display:flex;
    justify-content:center;
    align-items:center;
}
.hero-placeholder img{
    width:100%;
    max-width:600px;
    height:auto;
    display:block;
}
.hero-grid{
display:grid;
grid-template-columns:1.2fr 0.8fr;
gap:80px;
align-items:center;
}
.hero p{
    font-size:1.25rem;
    line-height:1.7;
    color:#555;
    max-width:650px;
}

.eyebrow{
    color:#D63384 !important;
    font-size:1.1rem;
    font-weight:700;
    letter-spacing:.15em;
    text-transform:uppercase;
	margin-bottom:18px;
}
h1{font-size:64px}
.btn{display:inline-block;background:var(--pink);color:#fff;padding:14px 24px;border-radius:999px;text-decoration:none}
.placeholder{border:2px dashed #ccc;border-radius:20px;padding:100px 20px;text-align:center}
.section{padding:55px 0}
.light{background:var(--soft)}
.cta{text-align:center}

.btn{
    display:inline-block;
    background:var(--pink);
    color:#fff;
    padding:16px 30px;
    border-radius:999px;
    text-decoration:none;
    font-size:1.05rem;
    font-weight:600;
}

@media(max-width:768px){.hero-grid{grid-template-columns:1fr}h1{font-size:42px}nav{display:none}}

.discoverability h2{
text-align:center;
max-width:800px;
margin:0 auto 30px;
font-size:3rem;
}

.section-intro{
max-width:760px;
margin:0 auto 40px;
text-align:center;
font-size:1rem;
color:#666;
line-height:1.6;
}

.discoverability .cards{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:24px;
margin-top:20px;
}

.discoverability .card{
background:#fff;
padding:32px;
border-radius:18px;
box-shadow:0 8px 24px rgba(0,0,0,.04);
}

.discoverability .card h3{
margin-bottom:12px;
color:#D63384;
font-size:1.5rem;
}

.discoverability .card p{
color:#666;
line-height:1.7;
}

.section-closing{
text-align:center;
max-width:700px;
margin:50px auto 0;
font-size:1.15rem;
font-weight:500;
color:#1A1A1A;
}

@media(max-width:768px){
.discoverability .cards{
    grid-template-columns:1fr;
}

.section-intro{
    font-size:1rem;
}

.section-closing{
    font-size:1rem;
}
}

.method{
    background:#ffffff;
}

.section-header{
    text-align:center;
    max-width:760px;
    margin:0 auto 70px;
}

.section-header h2{
	font-size:3rem;
    line-height:1.15;
}

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

.method-step{
    text-align:left;
}

.method-step h3{
    font-size:1.45rem;
}

.method-number{
    display:block;
    font-size:4rem;
    font-weight:700;
    color:#D63384;
    margin-bottom:10px;
    line-height:1;
}

.method-step h3{
    margin-bottom:12px;
}

.method-step{
    text-align:left;
}

.method-step h3{
    font-size:1.45rem;
    margin-bottom:12px;
}

.method-number{
    display:block;
    font-size:4rem;
    font-weight:700;
    color:#D63384;
    margin-bottom:10px;
    line-height:1;
}

.method-step p{
    color:#666;
    line-height:1.7;
}

@media(max-width:768px){

    .section-header{
        margin-bottom:40px;
    }

    .method-grid{
        grid-template-columns:1fr;
        gap:35px;
    }

    .method-number{
        font-size:2.4rem;
    }

}


.solutions{
    background:#F2F4F7;
}

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

.solution-card{
    background:#fff;
    padding:32px;
    border-radius:18px;
    box-shadow:0 8px 24px rgba(0,0,0,.04);
    transition:.25s ease;
}

.solution-card:hover{
    transform:translateY(-4px);
    box-shadow:0 12px 30px rgba(0,0,0,.08);
}

.solution-icon img{
    width:40px;
    height:40px;
}
.solution-icon{
    margin-bottom:20px;
}

.solution-card h3{
    margin-bottom:14px;
    font-size:1.4rem;
}

.solution-card p{
    color:#666;
    line-height:1.7;
}

@media(max-width:768px){
    .solutions-grid{
        grid-template-columns:1fr;
    }
	
}

.cta h2{
    font-size:2.15rem;
    line-height:1.1;
    max-width:800px;
    margin:0 auto 20px;
}
.cta p{
    font-size:1.15rem;
    color:#666;
    max-width:700px;
    margin:0 auto 35px;
}
.footer{
    background:#1A1A1A;
    color:#fff;
    padding:60px 0;
}

.footer .wrap{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:40px;
}

.footer h3{
    margin-bottom:10px;
}

.footer-brand p{
    color:#aaa;
}

.footer-contact p{
    margin:0 0 10px;
    color:#ccc;
}

@media(max-width:768px){

    .footer .wrap{
        flex-direction:column;
        gap:30px;
    }
}

@media(max-width:768px){
    h1{ font-size:2.4rem; }
    h2{ font-size:1.9rem; line-height:1.15; }
}

/*==========================
  QUIÉNES SOMOS
==========================*/

.about {
    background: #fff;
}

.about-layout {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 64px;
    align-items: start;
}

/* Foto circular — sin sombra, centrada verticalmente con el texto */
.about-photo {
    padding-top: 40px; /* baja la foto para alinearla mejor con el cuerpo del texto */
}

.about-photo img {
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: 50%;
    display: block;
}

/* Texto */
.about-text .eyebrow {
    margin-bottom: 12px;
}

.about-text h2 {
    font-size: 2.2rem;
    line-height: 1.2;
    margin-bottom: 24px;
}

.pink {
    color: var(--pink);
}

/* Interlineado más compacto para que no quede tan largo */
.about-text p {
    color: #666;
    line-height: 1.6;
    margin-bottom: 14px;
}

/* Línea objetivo — sin fondo rosa, circulito celeste */
.about-objetivo {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    background: transparent;
    border-radius: 0;
    padding: 0;
    margin-top: 10px;
    margin-bottom: 0 !important;
}

.check-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    min-width: 24px;
    background: #0099CC;
    color: #fff;
    border-radius: 50%;
    font-size: .85rem;
    font-weight: 700;
    margin-top: 3px;
}

.about-objetivo strong {
    color: #1A1A1A;
    font-size: 1rem;
    line-height: 1.6;
}

/* Testimonios */
.testimonials-header {
    margin-top: 70px;
    text-align: center;
    margin-bottom: 0;
}

.testimonials-header h2 {
    font-size: 1.9rem;
    margin-top: 8px;
}

.testimonials-grid {
    display: grid;
    grid-template-columns: 1fr;
    max-width: 900px;
    margin: 40px auto 0;
    gap: 24px;
}

.testimonial {
    background: #fff;
    border: 1px solid #ECECEC;
    border-radius: 18px;
    padding: 28px;
    display: flex;
    flex-direction: column;
    transition: .25s;
}

.testimonial:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 40px rgba(0,0,0,.08);
}

/* Comillas más grandes */
.quote-mark {
    color: var(--pink);
    font-size: 3.2rem;
    line-height: 1;
    margin-bottom: 10px;
    opacity: .6;
}

.testimonial p {
    color: #555;
    line-height: 1.7;
    margin-bottom: 24px;
    flex-grow: 1;
}

/* Author row: avatar + name/role */
.testimonial-author {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* Avatar celeste con texto oscuro */
.avatar {
    width: 42px;
    height: 42px;
    min-width: 42px;
    border-radius: 50%;
    background: #F2E0EC;
    color: var(--pink);
    font-weight: 700;
    font-size: .85rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.testimonial-author strong {
    display: block;
    color: #222;
    font-size: .95rem;
    margin-bottom: 2px;
}

.testimonial-author span {
    color: #888;
    font-size: .88rem;
}

/* About mobile */
@media(max-width:768px){
    .about-layout {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    /* Foto: ocupa casi todo el ancho y centrada */
    .about-photo {
        padding-top: 0;
        max-width: 80%;
        margin: 0 auto;
    }

    /* Texto centrado en mobile */
    .about-text {
        text-align: center;
    }

    .about-text h2 {
        font-size: 1.75rem;
    }

    /* Objetivo: alineado a la izquierda igual porque flex no queda bien centrado */
    .about-objetivo {
        text-align: left;
    }

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

    .testimonials-header h3 {
        font-size: 1.5rem;
    }

    /* Comillas un poco más grandes en mobile también */
    .quote-mark {
        font-size: 2.6rem;
    }
}

/*==========================
  LLM CONTENT
==========================*/
.llm-content{
    padding:20px 0 40px;
}

.llm-content p{
    max-width:900px;
    margin:0 auto;
    text-align:center;
    font-size:.95rem;
    line-height:1.5;
    color:#666;
}