/*
Theme Name: El Estudio
Theme URI: https://elestudio.com.ar
Author: Mariano Fuaz / El Estudio 
Author URI: https://elestudio.com.ar
Description: Tema personalizado para El Estudio, diseño, arte y fotografía.
Version: 1.0
Text Domain: el-estudio
*/

/* ===================== */
/* RESET + BASE */
/* ===================== */

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

body{
font-family:Arial, sans-serif;
color:#111;
}

img{
max-width:100%;
height:auto;
display:block;
}

a{
color:#111;
text-decoration:none;
transition:.2s;
}

a:hover{
color:#666;
}

section{
margin:0;
}

/* ===================== */
/* TITULOS */
/* ===================== */

section h2,
.titulo-seccion{
font-family:'Inter', sans-serif;
font-size:26px;
font-weight:800;
letter-spacing:0.3px;
text-align:center;
margin-bottom:50px;
color:#111;
}

/* ===================== */
/* HEADER */
/* ===================== */

.header{
display:flex;
justify-content:space-between;
align-items:center;
padding:20px;
border-bottom:1px solid #eee;
position:relative;
}

.logo img{
height:auto;
max-height:50px;
width:auto;
}

.header-right{
display:flex;
align-items:center;
gap:20px;
}

.whatsapp{
color:#999;
font-size:20px;
}

.whatsapp:hover{
color:#25D366;
}

/* MENU */

.menu{
position:relative;
}

.menu-toggle{
width:24px;
height:18px;
display:flex;
flex-direction:column;
justify-content:space-between;
cursor:pointer;
}

.menu-toggle span{
height:2px;
background:#000;
display:block;
}

.menu-content{
position:fixed;
top:70px;
right:20px;
background:rgba(255,255,255,0.95);
backdrop-filter:blur(6px);
padding:15px 20px;
min-width:160px;
z-index:9999;
box-shadow:0 10px 25px rgba(0,0,0,0.06);
opacity:0;
transform:translateY(-5px);
pointer-events:none;
transition:.2s;
}

.menu-content.active{
opacity:1;
transform:translateY(0);
pointer-events:auto;
}

.menu-content ul{
list-style:none;
}

.menu-content li{
margin-bottom:8px;
}

.menu-content a{
display:block;
padding:6px 0;
}

/* ===================== */
/* HERO */
/* ===================== */

.hero{
    position:relative;
    height:70vh;
    overflow:hidden;
}

.slide{
    position:absolute;
    width:100%;
    height:100%;
    opacity:0;
    transition:opacity .6s ease;
}

.slide.active{
    opacity:1;
}

.slide img{
    width:100%;
    height:100%;
    object-fit:cover;
}

/* CONTENIDO CENTRADO */
.hero-overlay{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    text-align:center;
    color:#fff;
    z-index:2;
}

/* LOGO CONTROLADO (CLAVE) */
.hero-overlay img.hero-logo{
    width:300px !important;
    height:auto !important;
    max-width:none !important;
    transform:none !important;
    display:block;
    margin:0 auto 15px;
}

/* TEXTO */
.hero-text{
    max-width:600px;
    margin:0 auto;
}

/* BOTÓN */
.hero-boton{
    display:inline-block;
    margin-top:20px;
    padding:10px 20px;
    background:#f5b335;
    color:#000;
    font-weight:bold;
}

/* INDICADORES */
.hero-indicadores{
    position:absolute;
    bottom:20px;
    left:50%;
    transform:translateX(-50%);
    display:flex;
    gap:10px;
    z-index:3;
}

.indicador{
    width:10px;
    height:10px;
    background:#fff;
    opacity:0.5;
    border-radius:50%;
}

.indicador.activo{
    opacity:1;
}

.hero-indicadores{
    position:absolute;
    bottom:20px;
    left:50%;
    transform:translateX(-50%);
    display:flex;
    gap:10px;
    z-index:5;
}

.indicador{
    width:12px;
    height:12px;
    background:#fff;
    opacity:0.6;
    border-radius:50%;
}

.indicador.activo{
    opacity:1;
    background:#f5b335;
}



/* ===================== */
/* AREAS */
/* ===================== */

.areas{
padding:120px 20px;
}

.areas-container{
display:flex;
justify-content:center;
gap:60px;
flex-wrap:wrap;
}

.area{
width:240px;
text-align:center;
}

.area-img{
width:240px;
height:240px;
border-radius:50%;
overflow:hidden;
}

.area-img img{
width:100%;
height:100%;
object-fit:cover;
}

.area h3{
margin-top:18px;
}

.area-texto{
margin-top:8px;
font-size:14px;
color:#666;
opacity:0;
transition:.3s;
}

.area:hover .area-texto{
opacity:1;
}

/* ===================== */
/* PROPOSITO */
/* ===================== */

.proposito{
background:#f5b335;
text-align:center;
padding:80px 20px;
}

.proposito h2{
font-size:38px;
font-weight:800;
line-height:1.15;
margin-bottom:24px;
max-width:900px;
margin-left:auto;
margin-right:auto;
}

.proposito p{
max-width:700px;
margin:auto;
font-size:16px;
line-height:1.6;
}

/* ===================== */
/* CURSOS (HOME + BASE) */
/* ===================== */

.talleres{
background:#f5f5f5;
padding:80px 20px;
}

.talleres h2{
font-size:38px;
font-weight:800;
line-height:1.15;
margin-bottom:20px;
}

.talleres-grid{
display:grid;
grid-template-columns:repeat(3, 1fr);
gap:40px;
max-width:800px;
margin:0 auto;
}

.taller-card{
max-width:260px;
margin:0 auto;
display:flex;
flex-direction:column;
gap:10px;
transition:.25s;
}

.taller-card:hover{
transform:translateY(-4px);
}

.taller-img{
aspect-ratio:4/5;
overflow:hidden;
}

.taller-img img{
width:100%;
height:100%;
object-fit:cover;
}

.taller-card h3{
font-size:15px;
font-weight:500;
color:#222;
}

.taller-card:hover h3{
color:#f5b335;
}

.talleres-intro{
text-align:center;
max-width:500px;
margin:0 auto 30px;
color:#666;
font-size:14px;
}

.talleres-boton{
text-align:center;
margin-top:40px;
}

.talleres-boton a{
display:inline-block;
padding:10px 20px;
border:1px solid #111;
color:#111;
transition:.2s;
}

.talleres-boton a:hover{
background:#111;
color:#fff;
}

/* ===================== */
/* ACERVO */
/* ===================== */

.acervo{
background:#305947;
color:#fff;
padding:90px 20px;
}

.acervo h2{
font-size:38px;
font-weight:800;
line-height:1.15;
margin-bottom:20px;
color:#fff;
}

.acervo-contenido{
max-width:1100px;
margin:0 auto;
display:grid;
grid-template-columns:1fr 1fr;
gap:80px;
align-items:center;
}

.acervo-texto{
max-width:430px;
font-size:15px;
line-height:1.8;
color:rgba(255,255,255,0.9);
}

.acervo-boton{
margin-top:32px;
}

.acervo-boton a{
display:inline-block;
padding:10px 20px;
border:1px solid #fff;
color:#fff;
}

.acervo-boton a:hover{
background:#fff;
color:#305947;
}

.acervo-destacado{
max-width:520px;
width:100%;
}

.acervo-label{
font-size:20px;
font-weight:700;
color:#fff;
margin-bottom:18px;
line-height:1.2;
}

.acervo-item{
display:block;
}

.acervo-item img{
width:100%;
max-width:520px;
height:auto;
display:block;
}

.acervo-item h3{
margin-top:14px;
font-size:15px;
font-weight:600;
color:#fff;
line-height:1.4;
}

.acervo-item:hover{
opacity:0.8;
transform:translateY(-2px);
transition:.2s;
}

/* ===================== */
/* BLOG */
/* ===================== */

.noticias{
padding:80px 20px;
}

.noticias h2{
font-size:38px;
font-weight:800;
line-height:1.15;
margin-bottom:20px;
}

.noticias img{
aspect-ratio:3/2;
object-fit:cover;
width:100%;
}

.noticias h3{
font-size:14px;
font-weight:400;
margin-top:15px;
color:#333;
}

.noticias a:hover h3{
color:#666;
}

/* ===================== */
/* FOOTER */
/* ===================== */

.footer{
background:#0e0e0e;
color:#bdbdbd;
padding:90px 20px 40px;
}

.footer-container{
display:grid;
grid-template-columns:1.6fr 1fr 0.8fr 1.2fr;
gap:60px;
max-width:1100px;
margin:auto;
}

.footer-col{
text-align:center;
font-size:14px;
}

.footer-estudio{
text-align:center;
}

.footer-logo{
width:140px;
display:block;
margin:0 auto 15px;
}

.footer-estudio p{
text-align:center;
max-width:260px;
margin:auto;
color:#aaa;
}

.footer-col h4{
color:#fff;
margin-bottom:20px;
font-size:13px;
letter-spacing:1px;
text-transform:uppercase;
}

.footer a{
color:#f5b335;
}

.footer a:hover{
opacity:0.7;
}

.footer-redes{
display:flex;
justify-content:center;
gap:12px;
margin-top:10px;
}

.footer-redes i{
width:36px;
height:36px;
display:flex;
align-items:center;
justify-content:center;
border:1px solid rgba(255,255,255,0.2);
border-radius:50%;
color:#f5b335;
}

.footer-redes i:hover{
background:#f5b335;
color:#000;
}

.footer-mapa iframe{
width:100%;
height:150px;
border:0;
}

.footer-copy{
text-align:center;
margin-top:50px;
padding-top:20px;
border-top:1px solid rgba(255,255,255,0.1);
font-size:12px;
color:#888;
}

/* ===================== */
/* PAGINA CURSOS */
/* ===================== */

.pagina-cursos-intro{
background:#f5b335;
padding:80px 20px 90px;
text-align:center;
}

.pagina-cursos-intro h1{
font-size:38px;
font-weight:800;
margin-bottom:20px;
color:#111;
}

.pagina-cursos-intro p{
max-width:700px;
margin:0 auto;
font-size:16px;
color:#111;
line-height:1.6;
}

/* Primer bloque: Oferta a comenzar */

.pagina-cursos-intro + .talleres{
padding-top:40px;
padding-bottom:100px;
background:#f5f5f5;
}

.pagina-cursos-intro + .talleres h2{
font-size:32px;
font-weight:800;
line-height:1.15;
margin-bottom:30px;
}

.pagina-cursos-intro + .talleres::before{
content:"";
display:block;
width:60px;
height:3px;
background:#f5b335;
margin:0 auto 20px;
}

/* Resto de categorías */

.pagina-cursos-intro + .talleres + .talleres,
.pagina-cursos-intro + .talleres + .talleres ~ .talleres{
background:#fff;
}

.pagina-cursos-intro + .talleres + .talleres h2,
.pagina-cursos-intro + .talleres + .talleres ~ .talleres h2{
position:relative;
padding-top:20px;
margin-bottom:30px;
font-size:32px;
font-weight:800;
line-height:1.15;
}

.pagina-cursos-intro + .talleres + .talleres h2::before,
.pagina-cursos-intro + .talleres + .talleres ~ .talleres h2::before{
content:"";
position:absolute;
top:0;
left:50%;
transform:translateX(-50%);
width:40px;
height:2px;
background:#ddd;
}

/* Tarjetas más cuidadas solo en cursos */

.pagina-cursos-intro ~ .talleres .taller-card{
gap:0;
transition:.25s;
}

.pagina-cursos-intro ~ .talleres .taller-card h3{
margin-top:14px;
font-size:16px;
font-weight:500;
}

.pagina-cursos-intro ~ .talleres .taller-img{
box-shadow:0 8px 18px rgba(0,0,0,0.04);
}

.pagina-cursos-intro ~ .talleres .taller-card:hover{
transform:translateY(-6px);
}

.pagina-cursos-intro ~ .talleres .taller-card:hover .taller-img{
box-shadow:0 12px 28px rgba(0,0,0,0.08);
}

.pagina-cursos-intro ~ .talleres .taller-card:hover h3{
color:#f5b335;
}

/* ===================== */
/* SINGLE CURSO */
/* ===================== */

.single-curso-page{
width:100%;
background:#f4f4f4;
margin:0;
padding:0;
}

.single-curso{
width:100%;
padding:0;
margin:0;
}

.single-curso-grid{
width:100%;
display:grid;
grid-template-columns:45vw 1fr;
gap:60px;
align-items:start;
padding:50px 60px 100px;
box-sizing:border-box;
}

.single-curso-imagen{
max-width:380px;
width:100%;
margin-left:auto;
}

.single-curso-imagen img{
width:100%;
max-height:700px;
object-fit:cover;
display:block;
box-shadow:0 12px 28px rgba(0,0,0,0.08);
}

.single-curso-info{
max-width:700px;
padding-right:40px;
}

.single-curso-categoria{
font-size:14px;
text-transform:uppercase;
letter-spacing:.08em;
color:#888;
margin-bottom:15px;
}

.single-curso h1{
font-size:30px;
font-weight:800;
line-height:1.15;
margin-bottom:25px;
}

.single-curso-meta{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-bottom:30px;
}

.single-curso-meta span{
display:inline-block;
padding:8px 14px;
border:1px solid #ddd;
font-size:14px;
background:#f8f8f8;
}

.single-curso-contenido{
font-size:18px;
line-height:1.8;
color:#333;
}

.single-curso-boton{
margin-top:40px;
margin-bottom: 25px;
}

.single-curso-boton a{
display:inline-block;
padding:12px 24px;
background:#f5b335;
color:#111;
font-weight:600;
transition:.2s;
text-decoration:none;
}

.single-curso-boton a:hover{
opacity:.85;
}

/* ===================== */
/* RESPONSIVE */
/* ===================== */

@media(max-width:900px){
.talleres-grid{
grid-template-columns:repeat(2,1fr);
}

.acervo-contenido{
grid-template-columns:1fr;
gap:50px;
}

.acervo-texto,
.acervo-destacado{
max-width:100%;
}

.acervo-label{
margin-bottom:14px;
}

.single-curso{
padding:40px 30px 80px;
}

.single-curso-grid{
grid-template-columns:1fr;
gap:40px;
max-width:900px;
}

.single-curso h1{
font-size:28px;
}

.single-curso-contenido{
max-width:none;
}

.proposito h2,
.talleres h2,
.acervo h2,
.noticias h2{
font-size:32px;
}
}

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

.single-curso-grid{
grid-template-columns:1fr;
gap:40px;
padding:40px 30px 80px;
}

.single-curso-info{
max-width:none;
padding-right:0;
}

.proposito h2,
.talleres h2,
.acervo h2,
.noticias h2{
font-size:28px;
}
}

/* ===================== */
/* CURSO RELACIONADO */
/* ===================== */

.cursos-relacionados {
    margin: 40px 0;
}

.cursos-relacionados h3 {
    font-size: 22px;
    margin-bottom: 20px;
}

.cursos-relacionados-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.curso-relacionado-item {
    text-decoration: none;
    color: inherit;
}

.curso-relacionado-inner img {
    width: 100%;
    max-width: 150px;
    height: auto;
    margin-bottom: 10px;
    display: block;
}

.curso-relacionado-inner h4 {
    font-size: 16px;
}

/* =========================
   TRABAJOS DESTACADOS
========================= */

.trabajos-destacados-inline {
    margin: 40px 0;
    width: 100%;
}

.trabajos-destacados-inline h3 {
    font-size: 22px;
    margin-bottom: 20px;
}

/* =========================
   SWIPER / CARRUSEL
========================= */

.trabajos-swiper {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.trabajo-item {
    width: 100%;
    max-width: 100%;
    position: relative;
}

.trabajo-imagen-wrap {
    position: relative;
    width: 100%;
}

.trabajo-item img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
    margin-bottom: 15px;
    border-radius: 4px;
    cursor: pointer;
}

/* Flechas */
.trabajos-prev,
.trabajos-next {
    color: #ffffff !important;
    width: 42px !important;
    height: 42px !important;
    background: rgba(0, 0, 0, 0.45);
    border-radius: 50%;
    top: 42% !important;
}

.trabajos-prev::after,
.trabajos-next::after {
    font-size: 18px !important;
    font-weight: bold;
}

/* Puntitos */
.trabajo-imagen-wrap {
    position: relative;
    width: 100%;
}

.trabajos-pagination {
    position: absolute !important;
    bottom: 20px !important;
    left: 0;
    width: 100%;
    z-index: 5;
    text-align: center;
}

.trabajos-pagination .swiper-pagination-bullet {
    background: rgba(255,255,255,0.65);
    opacity: 1;
}

.trabajos-pagination .swiper-pagination-bullet-active {
    background: #ffffff;
}

/* =========================
   TEXTO DE CADA TRABAJO
========================= */

.trabajo-alumno {
    font-weight: 600;
    margin-bottom: 8px;
}

.trabajo-texto {
    color: #444;
    line-height: 1.5;
}

/* =========================
   LIGHTBOX
========================= */

.lightbox-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.85);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    padding: 30px;
}

.lightbox-overlay.activo {
    display: flex;
}

.lightbox-contenido {
    position: relative;
    max-width: 90vw;
    max-height: 90vh;
}

.lightbox-contenido img {
    max-width: 100%;
    max-height: 90vh;
    display: block;
}

.lightbox-cerrar {
    position: absolute;
    top: -40px;
    right: 0;
    background: none;
    border: none;
    color: white;
    font-size: 40px;
    cursor: pointer;
    line-height: 1;
}

/* =========================
   SUBTITULO
========================= */

.single-curso-subtitulo {
    font-size: 22px;
    line-height: 1.5;
    color: #444;
    margin: 20px 0 30px;
}

/* =========================
   DETALLES DEL CURSO
========================= */

.single-curso-detalles {
    margin: 40px 0;
    display: grid;
    gap: 25px;
}

.detalle-item h3 {
    font-size: 18px;
    margin-bottom: 8px;
}

.detalle-item p {
    margin: 0;
    color: #444;
    line-height: 1.6;
}

/* =========================
   RECOMENDACION
========================= */

.single-curso-recomendacion {
    margin: 40px 0;
    padding: 25px;
    background: #f5f5f5;
    border-left: 4px solid #d8a325;
}

.single-curso-recomendacion h3 {
    font-size: 18px;
    margin-bottom: 10px;
}

.single-curso-recomendacion p {
    margin: 0;
    line-height: 1.6;
    color: #444;
}

/* ===== FIX HEADER ACERVO LOGOS ===== */

.header-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
}

/* contenedor logos */
.header-logos{
    display:flex;
    align-items:center;
    gap:16px;
}

/* segundo bloque (MAMM) */
.header-logos-acervo{
    display:flex;
    align-items:center;
    gap:10px;
}

/* divisor */
.header-separador{
    width:1px;
    height:30px;
    background:#999;
}

/* ===== HEADER ACERVO: LOGOS EN FILA ===== */

.logo-header-wrap{
    display:flex;
    align-items:center;
    gap:18px;
    flex-wrap:nowrap;
}

.logo-principal,
.logo-mamm{
    display:flex;
    align-items:center;
}

.logo-principal img,
.logo-principal .custom-logo,
.logo-mamm img{
    display:block;
    height:auto;
}

.logo-separador{
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    line-height:1;
    color:#8a8a8a;
    margin:0 2px;
}

.logo-mamm img{
    max-height:42px;
    width:auto;
}

/* Evita scroll horizontal en mobile */
html, body {
  overflow-x: hidden;
  max-width: 100%;
}

/* Footer responsive */
.site-footer,
footer {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  box-sizing: border-box;
}

/* Todo lo de adentro del footer no puede desbordar */
.site-footer *,
footer * {
  max-width: 100%;
  box-sizing: border-box;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* Imágenes e iframes dentro del footer */
.site-footer img,
.site-footer iframe,
footer img,
footer iframe {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Flex / columnas del footer en mobile */
@media (max-width: 768px) {
  .site-footer .footer-inner,
  .site-footer .footer-columns,
  .site-footer .footer-widgets,
  footer .footer-inner,
  footer .footer-columns,
  footer .footer-widgets {
    display: block !important;
    width: 100% !important;
  }
}

/* ===== FIX FOOTER MOBILE ===== */

@media (max-width: 768px) {

  footer,
  .site-footer {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    padding: 50px 24px 30px !important;
    box-sizing: border-box !important;
  }

  footer .container,
  footer .footer-container,
  footer .footer-inner,
  footer .footer-columns,
  footer .footer-widgets,
  .site-footer .container,
  .site-footer .footer-container,
  .site-footer .footer-inner,
  .site-footer .footer-columns,
  .site-footer .footer-widgets {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 32px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }

  footer .widget,
  footer .footer-column,
  footer .footer-widget,
  .site-footer .widget,
  .site-footer .footer-column,
  .site-footer .footer-widget {
    width: 100% !important;
    max-width: 320px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: center !important;
  }

  footer img,
  .site-footer img {
    max-width: 140px !important;
    height: auto !important;
    margin: 0 auto 16px !important;
    display: block !important;
  }

  footer p,
  footer a,
  footer li,
  footer span,
  .site-footer p,
  .site-footer a,
  .site-footer li,
  .site-footer span {
    font-size: 16px !important;
    line-height: 1.45 !important;
    text-align: center !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
  }

  footer ul,
  .site-footer ul {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
  }

  footer .social-icons,
  footer .footer-social,
  footer .social-links,
  .site-footer .social-icons,
  .site-footer .footer-social,
  .site-footer .social-links {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 14px !important;
    margin: 10px auto 0 !important;
  }

  footer .copyright,
  footer .site-info,
  footer .footer-bottom,
  .site-footer .copyright,
  .site-footer .site-info,
  .site-footer .footer-bottom {
    width: 100% !important;
    text-align: center !important;
    margin-top: 24px !important;
    padding-top: 20px !important;
  }
}

.trabajos-slider {
    display: flex;
    overflow-x: auto;
    gap: 20px;
    scroll-snap-type: x mandatory;
}

.trabajo-slide {
    min-width: 80%;
    flex-shrink: 0;
    scroll-snap-align: start;
}

.trabajo-slide img {
    width: 100%;
    height: auto;
    border-radius: 6px;
}

.trabajos-grid {
    display: flex;
    gap: 20px;
    overflow-x: auto;
    padding-bottom: 10px;
}

.trabajo-item {
    min-width: 300px;
    flex-shrink: 0;
}

.trabajo-item img {
    width: 100%;
    height: auto;
    display: block;
}

.trabajos-wrapper {
    position: relative;
}

.trabajos-prev,
.trabajos-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,0.6);
    color: white;
    border: none;
    font-size: 24px;
    padding: 10px 15px;
    cursor: pointer;
    z-index: 10;
}

.trabajos-prev { left: 10px; }
.trabajos-next { right: 10px; }

.trabajos-grid {
    display: flex;
    gap: 20px;
    overflow-x: auto;
    scroll-behavior: smooth;
}

.trabajos-grid::-webkit-scrollbar {
    display: none;
}

/* ===== CARRUSEL LIMPIO ===== */

.trabajos-wrapper{
    position: relative;
}

.trabajos-grid{
    display: flex;
    overflow: hidden;
    gap: 20px;
}

.trabajo-item{
    min-width: 100%;
    flex-shrink: 0;
}

.trabajo-item img{
    width: 100%;
    display: block;
}

/* flechas */

.trabajos-prev,
.trabajos-next{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    background:rgba(0,0,0,0.6);
    color:#fff;
    border:none;
    font-size:22px;
    padding:10px 14px;
    cursor:pointer;
    z-index:10;
}

.trabajos-prev{ left:10px; }
.trabajos-next{ right:10px; }

.trabajo-alumno{
    font-weight:600;
    margin-top:10px;
}

.trabajo-texto{
    color:#555;
}

.hero-boton {
    position: relative;
    z-index: 3;
}