/* ============================================
   CSS: components.css — Olemurcia
   Componente: Header + Banner + Logo + Subtitulo + Seccion
   ============================================ */

    .cabecera{

        text-align:center;

        padding:30px 0 34px;

    }

    .banner{

        display:block;

        width:100%;

        max-width:800px;

        height:auto;

        margin:30px auto 22px;

    }

    .logo{

        width:64px;

        height:64px;

        margin:0 auto 14px;

        border-radius:18px;

        background:linear-gradient(135deg, var(--violeta), var(--cian));

        display:flex;

        align-items:center;

        justify-content:center;

        font-size:32px;

        box-shadow:0 12px 34px rgba(124,92,255,.4);

        object-fit:cover;

    }

    .logo-imagen{

        width:86px;

        height:86px;

        margin:0 auto 14px;

        border-radius:18px;

        object-fit:cover;

        border:1px solid var(--borde);

        box-shadow:0 12px 34px rgba(124,92,255,.35);

    }

    .cabecera h1{

        font-size:34px;

        font-weight:800;

        background:linear-gradient(90deg, #b3a0ff, #7ce7ff);

        -webkit-background-clip:text;

        background-clip:text;

        color:transparent;

    }

    .cabecera p{

        color:var(--difuso);

        font-size:14px;

        margin-top:6px;

    }

    .subtitulo{

        color:var(--difuso);

        font-size:14px;

        text-align:center;

        margin:8px 0 20px;

    }

    .seccion{

        margin:26px 0;

    }

    .seccion h2{

        font-size:18px;

        margin-bottom:14px;

        padding-left:12px;

        border-left:3px solid var(--violeta);

    }