@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100..900&display=swap');

    :root{
      --color-primary:#00b7eb;
      --color-gray:#555555;
      --color-dark:#000000;
      --bs-primary: var(--color-primary);
    }

    html, body{ height:100%; }

    body{
      font-family: Roboto, sans-serif;
      font-weight:300;
      font-size:1.05rem;
      line-height:1.6;
    }

    .t300{ font-weight:300; }

    /* Fondo full-screen + parallax */
    body.uft-bg{
      min-height:100svh;
      background-image:url("assets/fondo-campus.jpg");
      background-size:cover;
      background-repeat:no-repeat;
      background-position:center;
      background-attachment:fixed;
      position:relative;
    }

    /* Overlay */
    body.uft-bg::before{
      content:"";
      position:fixed;
      inset:0;
      background:rgba(0,0,0,.35);
      pointer-events:none;
      z-index:0;
    }

    /* Contenido sobre overlay */
    .uft-content{
      position:relative;
      z-index:1;
    }

    /* Paneles */
    .uft-panel{
      border:1px solid rgba(255,255,255,.18);
      backdrop-filter:blur(12px);
      -webkit-backdrop-filter:blur(12px);
    }

    .uft-panel--light{
      background:rgba(255,255,255,.92);
      color:var(--color-dark);
      box-shadow:0 20px 50px rgba(0,0,0,.08);
    }

    .uft-panel--dark{
      background:rgba(0,0,0,.45);
      border-color:rgba(255,255,255,.14);
    }

    /* Tipografía */
    h1,h2,h3,h4,h5,h6{ font-weight:300; }

    .uft-editor__copy p{
      font-size:1.1rem;
      font-weight:300;
    }

    /* FORMULARIO */
    .form-label{
      font-weight:300;
      color:var(--color-gray);
    }

    .form-control{
      border-radius:.6rem;
      border:1px solid #ddd;
      font-weight:300;
    }

    .form-control:focus{
      border-color:var(--color-primary);
      box-shadow:0 0 0 .25rem rgba(0,183,235,.25);
    }

    .btn-primary{
      --bs-btn-bg: var(--color-primary);
      --bs-btn-border-color: var(--color-primary);
      --bs-btn-hover-bg: #00a4d4;
      --bs-btn-hover-border-color: #00a4d4;
      --bs-btn-active-bg: #0093be;
      --bs-btn-active-border-color: #0093be;
      font-weight:400;
      border-radius:.6rem;
      transition: all .2s ease;
    }

    .btn-primary:hover{
      transform:translateY(-2px);
      box-shadow:0 8px 20px rgba(0,0,0,.15);
    }

    .form-check-input:checked{
      background-color:var(--color-primary);
      border-color:var(--color-primary);
    }

    .link-secondary{
      color:var(--color-gray) !important;
      font-weight:300;
    }

    .link-secondary:hover{
      color:var(--color-primary) !important;
    }

    /* Fallback móvil */
    @media (max-width:991.98px){
      body.uft-bg{
        background-attachment:scroll;
      }
      body.uft-bg::before{
        position:absolute;
      }
    }