/* =========================================================
   PRESENTACIÓN - CIRCULATURAS
========================================================= */

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

body{
    font-family:'Segoe UI',system-ui,-apple-system,sans-serif;
    background:#fff;
    color:#16103a;
}

/* Banner */
.banner-circulaturas{
    width:100%;
    overflow:hidden;
}

.banner-circulaturas img{
    display:block;
    width:100%;
    height:auto;
}

/* Presentación */

.home-pres{
    background:#fff;
    padding:30px 48px;
    position:relative;
    overflow:hidden;
}

.home-pres__inner{
    max-width:1200px;
    margin:0 auto;
    display:grid;
    grid-template-columns:1fr 360px;
    gap:64px;
    align-items:start;
}

.home-pres__left{
    display:flex;
    flex-direction:column;
}

.home-pres__left h2{
    font-size:clamp(26px,3.2vw,44px);
    font-weight:900;
    color:#16103a;
    line-height:1.1;
    margin-bottom:28px;
}

.home-pres__p{
    font-size:15px;
    line-height:1.8;
    color:#3a3360;
    margin-bottom:16px;
}

.home-pres_premis{
    margin-top:12px;
    text-align:center;
    font-size:1.3rem;
    font-weight:700;
    color:#372378;
    margin-top: 20px !important;

}

/* Tarjeta lateral */

.home-pres__obj-card{
    background:#372378;
    border-radius:20px;
    padding:32px 30px;
    color:#fff;
    position:relative;
    box-shadow:0 12px 40px rgba(45,27,110,.22);
}

.home-pres__obj-icon{
    width:46px;
    height:46px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.3);
    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:20px;
}

.home-pres__obj-label{
    display:block;
    font-size:11px;
    font-weight:800;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#c4b5fd;
    margin-bottom:18px;
}

.home-pres__obj-list{
    padding-left:22px;
    color:#fff;
    line-height:1.7;
}

.home-pres__obj-list li{
    margin-bottom:16px;
}

.home-pres__obj-list li strong{
    display:block;
    margin-bottom:4px;
    color:#fff;
}

.home-pres__obj-dots{
    display:flex;
    gap:6px;
    margin-top:24px;
}

.home-pres__obj-dot{
    width:7px;
    height:7px;
    border-radius:50%;
    background:rgba(255,255,255,.3);
}

.home-pres__obj-dot--on{
    background:#a78bfa;
}

/* Ventana Internacional */

.vi-section{
    display:flex;
    justify-content:center;
    align-items:center;
    padding:40px 48px;
    background:#fff;
}

.mcirc__vi-globe-bg{
    width:90px;
    height:90px;
    opacity:.5;
}

.mcirc__vi-txt{
    font-weight:700;
    color:#fff;
    margin:0 10px;
}

.mcirc__vi-arrow{
    color:#fff;
}

.vi-section {
    display: flex;
    justify-content: center;
    background: rgb(255, 255, 255);
    padding: 48px 24px 56px;
}

.vi-section .mcirc__vi {
    margin-left: 0px;
    align-self: auto;
    height: 100px;
}
 
.mcirc__vi {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-self: stretch;
    margin-left: auto;
    flex-shrink: 0;
    width: 100%;
    cursor: pointer;
    font-family: inherit;
    color: rgb(255, 255, 255);
    backdrop-filter: blur(14px);
    box-shadow: rgba(45, 27, 110, 0.22) 0px 12px 40px;
    text-align: left;
    position: relative;
    padding: 18px 22px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(196, 181, 253, 0.22);
    border-image: none;
    border-radius: 20px;
    background: rgba(55, 35, 120, 0.52);
    transition: transform 0.18s, box-shadow 0.18s, border-color 0.2s;
    overflow: hidden;
}
.mcirc__vi-globe-bg {
    position: absolute;
    right: -28px;
    bottom: -28px;
    width: 160px;
    height: 160px;
    pointer-events: none;
    z-index: 0;
    opacity: 0.9;
    animation: 12s linear 0s infinite normal none running viOrbeRot;
}
.mcirc__vi-txt {
    position: relative;
    z-index: 1;
    font-size: clamp(22px, 2.6vw, 32px);
    font-weight: 900;
    letter-spacing: -0.5px;
    line-height: 1.05;
    display: flex;
    align-items: center;
    color: rgb(255, 255, 255);
    flex: 1 1 0%;
}
.mcirc__vi-arrow {
    position: relative;
    z-index: 1;
    opacity: 0.65;
    flex-shrink: 0;
    align-self: flex-end;
    transition: transform 0.16s, opacity 0.16s;
}

/* Estado normal */
.mcirc__vi,
.mcirc__vi:link,
.mcirc__vi:visited{
    background: linear-gradient(135deg,#2d1b6e 0%,#4c1d95 100%);
    border: none;
    color:#fff;
    text-decoration:none;
}

/* Elimina el hover de SharePoint */
button.mcirc__vi:hover,
button.mcirc__vi:focus,
button.mcirc__vi:active,
a.mcirc__vi:hover,
a.mcirc__vi:focus,
a.mcirc__vi:active{

    background: linear-gradient(135deg,#2d1b6e 0%,#4c1d95 100%) !important;
    border: none !important;
    color:#fff !important;
    box-shadow: 0 10px 40px rgba(76,29,149,.35);
    outline:none;
}

/* Evita el color azul del navegador */
.mcirc__vi:focus-visible{
    outline:none;
}

/* Responsive */

@media (max-width:768px){

    .home-pres{
        padding:20px;
    }

    .home-pres__inner{
        grid-template-columns:1fr;
        gap:32px;
    }

    .vi-section{
        padding:24px 20px;
    }

}