/*
Theme Name: rc Child Theme
Template: rc
Version: 1.0
*/

html.no-scroll,
html.no-scroll body { overflow: hidden; background-color: #110011; }

a,
.contacto-hi-btn .vcex-horizontal-menu-nav__item-text { transition: all 0.3s ease; }

.tip-45 { font-size: 45px; line-height: 1.2; }
.tip-60 { font-size: 60px; line-height: 1; }
.tip-130 { font-size: 130px; line-height: 1; letter-spacing: -5%; }
.tip-150 { font-size: 150px; line-height: 1.2; letter-spacing: -5%; }

.beige { color: #FFF6E5 !important; }

.regular { font-weight: 400 !important; }
.bold { font-weight: 700 !important; }
.fw-500 { font-weight: 500 !important; }

.mayusculas { text-transform: uppercase !important; }

.py-30 { padding-top: 30px; padding-bottom: 30px; }
.py-100 { padding-top: 100px; padding-bottom: 100px; }
.py-120 { padding-top: 120px; padding-bottom: 120px; }
.py-150 { padding-top: 150px; padding-bottom: 150px; }
.py-250 { padding-top: 250px; padding-bottom: 250px; }

.my-100 { margin-top: 100px; margin-bottom: 100px; }

.pt-80 { padding-top: 80px; }
.pt-100 { padding-top: 100px; }
.pt-120 { padding-top: 120px; }
.pt-150 { padding-top: 150px; }

.pb-60 { padding-bottom: 60px; }

.pr-10 { padding-right: 10%; }
.pr-20 { padding-right: 20%; }

.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }
.mt-30 { margin-top: 30px; }
.mt-35 { margin-top: 35px; }
.mt-50 { margin-top: 50px; }
.mt-40 { margin-top: 40px; }
.mt-100 { margin-top: 100px; }
.mt-120 { margin-top: 120px; }
.mt-180 { margin-top: 180px; }

.mtn-10 .vc_column-inner { margin-top: -10%; }

.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
.mb-30 { margin-bottom: 30px; }
.mb-40 { margin-bottom: 40px; }
.mb-60 { margin-bottom: 60px !important; }
.mb-100 { margin-bottom: 100px; }
.mb-150 { margin-bottom: 150px; }

.br-10 { border-radius: 10px; overflow: hidden; }
.bblr-10 { border-bottom-left-radius: 10px; }
.bbrr-10 { border-bottom-right-radius: 10px; }

/* HEADER */
#site-header { background: transparent !important; box-shadow: none !important; mix-blend-mode: difference; }
#site-header.no-blend { mix-blend-mode: normal; background: #110011 !important; }

#mobile-menu { font-weight: 700; }
.mobile-toggle-nav { height: calc(100vh - var(--wpex-header-height, 0px)); max-height: none; overflow-y: auto; }
.mobile-toggle-nav-inner { background: #110011; min-height: calc(100vh - var(--header-h)); padding: 0 3%; margin: 0; display: flex; align-items: center; justify-content: center; width: 100%; min-width: 100%; }
.mobile-toggle-nav-ul { display: grid !important; grid-template-columns: 1fr 1fr; grid-auto-rows: min-content; gap: 28px 60px; margin: 0 !important; padding: 0 !important; }
.mobile-toggle-nav__link { border: 0 !important; padding: 0 !important; text-decoration: none !important; }
.mobile-toggle-nav__link-inner { position: relative; display: inline-block; padding-left: 0; text-transform: uppercase; font-weight: 700; letter-spacing: 0; line-height: .9; font-size: clamp(56px, 12vw, 165px); color: #f2efe6; text-shadow: 0 0 10px rgba(242,239,230,.35), 0 0 28px rgba(242,239,230,.25); filter: blur(3px); transition: transform .35s ease, filter .2s ease; }
.mobile-toggle-nav__link-inner::before { content: ""; position: absolute; left: -80px; top: 50%; width: 93px; height: 83px; background: url("assets/img/hand.svg") no-repeat center / contain; transform: translateY(-50%) translateX(-40px); opacity: 0; pointer-events: none; transition: transform .35s ease, opacity .2s ease; }
.mobile-toggle-nav__link:hover .mobile-toggle-nav__link-inner { filter: blur(.6px); transform: translateX(80px); }
.mobile-toggle-nav__link:hover .mobile-toggle-nav__link-inner::before { transform: translateY(-50%) translateX(0); opacity: 1; }

.mobile-toggle-nav__item:nth-child(1) { grid-column: 1; grid-row: 1; }
.mobile-toggle-nav__item:nth-child(2) { grid-column: 2; grid-row: 1; justify-self: end; }
.mobile-toggle-nav__item:nth-child(3) { grid-column: 1; grid-row: 2; }
.mobile-toggle-nav__item:nth-child(4) { grid-column: 1 / -1; grid-row: 3; }

/* Oculto en estado normal */
.home .not-sticky #site-logo { opacity: 0; }
.home .is-sticky #site-logo { opacity: 1; }
.home #site-logo { transition: opacity .6s ease; }

/* Hover */
.mobile-toggle-nav__link:hover .mobile-toggle-nav__link-inner { transform: translateX(80px); }
.mobile-toggle-nav__link:hover .mobile-toggle-nav__link-inner::before { transform: translateY(-50%) translateX(0); opacity: 1; }


/******************************/

.bg-negro { transition: all 1s ease; }
.bg-negro.is-visible { background: #110011 !important; color: #FFF6E5; }

.text-right { text-align: right !important; }

.alto-full * { height: 100%; min-height: 100%; }
.alto-full .vcex-heading-inner { display: flex; align-items: center; padding: 15%; }

.overflow-h { overflow: hidden;}

/* TÍTULO */
h1.page-header-title { font-size: 130px !important; font-weight: 700 !important; letter-spacing: -5% !important; text-transform: uppercase; }

/* HOME */
.js-dyn-heading { text-transform: uppercase; color: #FFF6E5 !important; font-family: 'gilroy', sans-serif; font-weight: 400; font-size: 140px; display: inline-block; white-space: nowrap; }
.sl-portada { position: relative; overflow: hidden; }
.sl-portada .solo-carmen { position: absolute; bottom: -15%; left: 0; width: 100%; transform: scale(1); transform-origin: center center; will-change: transform; }

/* */
.anim-bot-scl { overflow: hidden; transform: translateY(30%) scale(0.7); transition: transform 0.8s ease-out; will-change: transform; }
.anim-bot-scl.is-visible { transform: translateY(0) scale(1); }

.anim-bot-scl-rot { transform: translateY(50%) scale(0.7) rotate(-45deg); transition: transform 0.9s ease-out; will-change: transform; }
.anim-bot-scl-rot.is-visible { transform: translateY(0) scale(1) rotate(0deg); }

/* marquee */
.marquee-sh { width: 100%; overflow: hidden; white-space: nowrap; }
.marquee-sh__track { display: flex; width: max-content; animation: marquee-sh 20s linear infinite; }
.marquee-sh__content { padding-right: 20px; }

/* LISTA PROYECTOS */
.work-row { position: relative; display: grid; grid-template-columns: 3fr 1fr 1fr; align-items: center; gap: 24px; text-decoration: none; color: inherit; transition: all .15s ease; padding-top: 15px; padding-bottom: 15px; }
.work-row:hover { color: #FE73B0; text-decoration: none; }


/* TEXTO */
.work-row__title { font-size: 45px; font-weight: 700; line-height: 1.2; }
.work-row__year { justify-self: end; }

/* PREVIEW */
.work-preview{
  position: fixed;
  left: 0; top: 0;
  width: 320px;
  aspect-ratio: 4/3;
  pointer-events: none;
  z-index: 99999;
  border-radius: 15px;

  opacity: 0;
  transform: translate3d(-9999px,-9999px,0) rotate(0deg);
  transition: opacity .15s ease;
  will-change: transform, opacity;
  overflow: hidden;
}
.work-preview.is-visible{ opacity: 1; }

.work-preview__video,
.work-preview__image{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.work-preview__image{ display: none; }
.work-preview.is-image .work-preview__image{ display: block; }
.work-preview.is-image .work-preview__video{ display: none; }

.work-preview--template { display: none !important; }


@keyframes marquee-sh{
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

.grilla1 { padding-top: 400px; }
.grilla1 .vcex-image { position: relative; top: -500px; opacity: 0; transition: top 1.6s cubic-bezier(.22,.61,.36,1), transform 1.2s ease, opacity .8s ease; will-change: transform, top; }
.grilla1 .vcex-image:nth-child(1){ transform: rotate(14deg); }
.grilla1 .vcex-image:nth-child(2){ transform: rotate(22deg); }
.grilla1 .vcex-image:nth-child(3){ transform: rotate(6deg); }
.grilla1 .vcex-image:nth-child(4){ transform: rotate(-10deg); }
.grilla1 .vcex-image:nth-child(5){ transform: rotate(-18deg); }

/* Estado final */
.grilla1.is-visible .vcex-image:nth-child(1){ opacity: 1; top: 40px;  transform: scale(1.1) rotate(-14deg); }
.grilla1.is-visible .vcex-image:nth-child(2){ opacity: 1; top: 10px;  transform: scale(1.1) rotate(-22deg); }
.grilla1.is-visible .vcex-image:nth-child(3){ opacity: 1; top: -70px; transform: scale(1.1) rotate(-6deg); }
.grilla1.is-visible .vcex-image:nth-child(4){ opacity: 1; top: 5px;   transform: scale(1.1) rotate(10deg); }
.grilla1.is-visible .vcex-image:nth-child(5){ opacity: 1; top: 25px;  transform: scale(1.1) rotate(18deg); }


/* FULL WIDTH real (aunque esté dentro de un contenedor) */
.proyectos { width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; padding-left: 0 !important; padding-right: 0 !important; }
.proyectos .vc_column-inner { padding-left: 0 !important; padding-right: 0 !important; }
.proyectos > .vc_row { cursor: pointer; position: sticky; top: 0; height: 100vh; min-height: 100vh; overflow: hidden; margin: 0 !important; padding: 0 !important; }
.proyectos .wpex-aspect-16-9 { aspect-ratio: auto !important; }

.proyectos > .vc_row > .wpb_column,
.proyectos > .vc_row > .wpb_column > .vc_column-inner,
.proyectos > .vc_row > .wpb_column > .vc_column-inner > .wpb_wrapper { height: 100%; }

.proyectos > .vc_row .vcex-video,
.proyectos > .vc_row .vcex-video-inner { position: relative; height: 100% !important; }
.proyectos > .vc_row video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }

.proyectos > .vc_row .proyecto-titulo { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; z-index: 5; margin: 0 !important; padding: 50px; background: linear-gradient(to top, rgba(0,0,0,.65), rgba(0,0,0,0)); color: #FFF6E5; display: flex; align-items: flex-end;}

.proyectos > .vc_row { opacity: 1; transform: none; }
.proyectos > .vc_row { transform-origin: center top; will-change: transform, filter, opacity; }
.proyectos > .vc_row .proyecto-titulo { z-index: 10; transition: transform .2s linear; will-change: transform; }

/* NOSOTROS */
.label-hand .vcex-heading-inner { position: relative; }
.label-hand .vcex-heading-inner::before { position: absolute; right: -145px; bottom: -15px; width: 225px; height: 251px; background: url("assets/img/tit-hand.svg") no-repeat center / contain; content: ""; z-index: -1; }

.grilla2 { gap: 100px; }
.grilla2 .vcex-icon-box-heading { font-size: 60px; line-height: 1; }

.grilla3 .vcex-milestone-number { font-size: 130px; line-height: 0.5; }
.grilla3 .vcex-milestone-caption { font-size: 60px; }

/* CASA CARMEN */
.botones { margin-top: 40px; gap: 15px; }
.botones .theme-button { color: #110011; background: #f7f2e6; border-radius: 50px; padding: 8px 60px; font-weight: 700; }



/* CONTACTO */
#hi-panel{
  position: fixed;
  inset: 0;
  background: #FE73B0;
  transform: translateX(100%);
  transition: transform .4s ease;
  z-index: 2147483647;
  pointer-events: none;
  overflow: auto;

  --hi-panel-header-h: 0px;
}

/* PANEL: abierto */
#hi-panel.is-open{
  transform: translateX(0);
  pointer-events: auto;
}

/* Cabecera dentro del panel (clon) */
#hi-panel .hi-panel__header{
  position: sticky;
  top: 0;
  z-index: 2;
  background: #FE73B0;
  padding-top: env(safe-area-inset-top, 0px);
}
#hi-panel .hi-panel__header img{ filter: invert(1); }

/* Layout cabecera */
#hi-panel .hi-panel__header-inner{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px;
}

/* Botón cerrar */
#hi-panel .hi-panel__close{
  background: transparent;
  color: #110011;
  cursor: pointer;
  border: none;
  font-weight: 700;
}

/* Contenido */
#hi-panel .hi-panel__content{
  position: relative;
  z-index: 1;
  width: 100%;
  overflow-x: hidden;
}

/* WIZARD */
#hi-panel .cf7-wizard{
  min-height: calc(100dvh - var(--hi-panel-header-h));
  padding: 140px 80px 160px; /* abajo deja hueco para la barra fija */
  box-sizing: border-box;
  position: relative;
}

/* Steps */
#hi-panel .cf7-step{ display:none; }
#hi-panel .cf7-step.is-active{ display:block; }

/* Columna izquierda */
#hi-panel .cf7-left{ max-width: 60%; }

/* contador */
#hi-panel .cf7-counter{
  font-size: 56px;
  font-weight: 500;
  margin-bottom: 30px;
  color:#110011;
}

/* título */
#hi-panel .cf7-title{
  font-size: clamp(56px, 6vw, 120px);
  line-height: .9;
  margin: 0 0 30px;
  font-weight: 700;
  color:#110011;
}

/* Inputs grandes (placeholder = pregunta) */
#hi-panel .cf7-field{ margin-top: 10px; }

#hi-panel .cf7-input{
  width: 100%;
  background: transparent;
  border: 0;
  outline: 0;
  padding: 0;

  font-size: clamp(28px, 4vw, 70px);
  font-weight: 700;
  line-height: 1.05;
  color:#110011;

  resize: none;
  caret-color: #110011;
}

#hi-panel .cf7-input::placeholder{
  color:#110011;
  opacity: 1;
}

/* CF7 reset */
#hi-panel .wpcf7 p{ margin:0; }
#hi-panel .wpcf7-not-valid-tip{ font-size:16px; color:#110011; }
#hi-panel .wpcf7-response-output{
  border:0;
  margin-top:20px;
  padding:0;
  color:#110011;
  font-weight:700;
}

/* ARTE (ojos) */
#hi-panel .cf7-art{
  position: absolute;
  top: 45px;
  right: 80px;
  width: 35%;
  height: calc(100vh - 140px - 160px);
  pointer-events: none;
  overflow: visible;
}
#hi-panel .cf7-art{ display:none; }
#hi-panel .cf7-art.is-active{ display:block; }

#hi-panel .cf7-art .eye{
  position: absolute;
  width: min(360px, 30vw);
  height: auto;
  display:block;
}

/* BARRA FIJA ABAJO */
#hi-panel .cf7-actions-fixed{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;

  padding: 30px 80px 40px;
  box-sizing: border-box;

  display: flex;
  align-items: flex-end;
  gap: 24px; /* separación si coinciden */
  background: transparent;
  z-index: 10;

  width: 100%;
}
#hi-panel .cf7-actions-fixed p { width: 100%; }

/* Botones */
#hi-panel .cf7-prev,
#hi-panel .cf7-next,
#hi-panel .cf7-submit{
  background: transparent;
  border: 0;
  padding: 0;
  color:#110011;
  font-weight: 700;
  cursor: pointer;
  font-size: clamp(26px, 3.2vw, 54px);
}

/* ✅ Izquierda / derecha correctos */
#hi-panel .cf7-prev{
  margin-right: auto; /* Atrás se queda a la izquierda */
}

/* El botón “de la derecha” empuja al extremo derecho */
#hi-panel .cf7-next{ float: right; }

/* Submit NO empuja siempre, solo cuando esté visible */
#hi-panel .cf7-submit{
  margin-left: auto;
}

/* Mostrar/ocultar según step (tu lógica JS) */
#hi-panel .cf7-wizard.is-step-1 .cf7-prev{ visibility: hidden; }
#hi-panel .cf7-wizard.is-step-1 .cf7-submit{ display:none; }
#hi-panel .cf7-wizard.is-step-1 .cf7-next{ display:inline-block; }

#hi-panel .cf7-wizard.is-step-2 .cf7-prev{ visibility: visible; }
#hi-panel .cf7-wizard.is-step-2 .cf7-submit{ display:none; }
#hi-panel .cf7-wizard.is-step-2 .cf7-next{ display:inline-block; }

#hi-panel .cf7-wizard.is-step-3 .cf7-prev{ visibility: visible; }
#hi-panel .cf7-wizard.is-step-3 .cf7-next{ display:none; }
#hi-panel .cf7-wizard.is-step-3 .cf7-submit{ display:inline-block; }

/* ✅ Extra: cuando submit está visible, él es el “derecha” */
#hi-panel .cf7-wizard.is-step-3 .cf7-submit{ float: right; }

/* INPUTS SIEMPRE TRANSPARENTES */
#hi-panel .cf7-input{
  background-color: transparent !important;
  background: transparent !important;
}

/* focus / active */
#hi-panel .cf7-input:focus,
#hi-panel .cf7-input:active{
  background-color: transparent !important;
  background: transparent !important;
  outline: none;
}

/* autofill (Chrome / Safari) */
#hi-panel .cf7-input:-webkit-autofill,
#hi-panel .cf7-input:-webkit-autofill:hover,
#hi-panel .cf7-input:-webkit-autofill:focus{
  -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
  -webkit-text-fill-color: #110011;
  transition: background-color 9999s ease-out 0s;
}

/* MENSAJE ENVÍO OK */
#hi-panel .cf7-success{
  position: fixed;
  inset: 0;
  z-index: 999999;

  display: flex;
  align-items: center;
  justify-content: center;

  background: rgba(254,115,176,0.95);
  opacity: 0;
  pointer-events: none;

  transition: opacity .3s ease;
}

#hi-panel .cf7-success.is-visible{
  opacity: 1;
  pointer-events: auto;
}

#hi-panel .cf7-success__inner{
  font-size: clamp(36px, 6vw, 90px);
  font-weight: 700;
  color: #110011;
  text-align: center;
  line-height: 1;
}

/* MÓVIL */
@media (max-width: 900px){
  #hi-panel .cf7-wizard{
    padding: 120px 24px 140px;
  }
  #hi-panel .cf7-left{ max-width: 100%; }
  #hi-panel .cf7-art{ display:none !important; }
  #hi-panel .cf7-actions-fixed{
    padding: 22px 24px 28px;
    gap: 18px;
  }
}


/* HI BOTÓN */
.hi-btn { --bg: #f7f2e6; --text: #231f20; --hand: #e53935; --hand-hover: #FE73B0; display: inline-flex; align-items: center; gap: 5px; padding: 10px 20px; border: 0; border-radius: 999px; background: var(--bg); color: var(--text); cursor: pointer; box-shadow: 0 18px 35px rgba(0,0,0,.35), 0 0 0 10px rgba(255,255,255,.06); transition: all .2s ease; position: fixed; right: 30px; bottom: 30px; z-index: 9999; font-size: 20px; font-weight: 700; }
.hi-btn__icon { color: var(--hand); display: grid; place-items: center; }
.hi-btn .hand { width: 40px; height: auto; transition: color .15s ease, transform .15s ease; }
.hi-btn:hover { box-shadow: 0 22px 45px rgba(0,0,0,.38), 0 0 0 10px rgba(255,255,255,.07); }
.hi-btn:hover .hi-btn__icon { color: var(--hand-hover); }
.hi-btn:hover .hand { transform: scale(1.3); }
.hi-btn.is-open { background: transparent; font-size: 45px; color: #FFF6E5; box-shadow: none; }
.contacto-hi-btn:hover { cursor: pointer; }
.contacto-hi-btn:hover .vcex-horizontal-menu-nav__item-text { color: #FE73B0; }

/**/
.carmen-footer .carmen-section { display: grid; place-items: center; overflow: hidden; margin-top: 50px; }
.carmen-footer .carmen-word { width: 100%; display: flex; justify-content: center; align-items: center; white-space: nowrap; color: #110011; }
.carmen-footer .carmen-word-inner { width: 100%; display: flex; justify-content: space-between; align-items: center; transform: scaleX(0.8); transform-origin: center; will-change: transform; }
.carmen-footer .letter { display: inline-flex; align-items: center; flex: 0 0 auto; }
.carmen-footer .letter svg { height: 378px; width: auto; display: block; flex-shrink: 0; }
.carmen-footer .letter + .letter { margin-left: -15px; will-change: margin-left; }

#footer .vcex-horizontal-menu,
.menu-footer .vcex-horizontal-menu { font-size: 45px; font-weight: 700; padding-top: 30px; }
#footer .vcex-horizontal-menu a,
.menu-footer .vcex-horizontal-menu a { padding-inline: 0; padding-block: 0; }
#footer .vcex-horizontal-menu a:hover,
.menu-footer .vcex-horizontal-menu a:hover { background: transparent; color: #FE73B0; }


.sinpaddings { --vp-width: calc(102vw - var(--wpex-scrollbar-width, 0px) - var(--wpex-vc-full-width-vp-offset, 0px) - (var(--wpex-site-frame-border-size) * 2)) !important; }


.wpex-surface-2, .wpex-hover-surface-2:hover { background: transparent !important; box-shadow: none !important; }

.page-id-23 .footsec1,
.page-id-23 .footsec2 { display: none; }
.page-id-23 .grilla1 { padding-top: 250px; }

.bg-mitad-negro{
  position: relative;
}

.bg-mitad-negro::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    background: #000;
    z-index: -1;
}

.img-plano img { max-width: 140%; float: right; }

.hi-btn {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.hi-btn.hi-btn--visible {
  opacity: 1;
  pointer-events: auto;
}


@media (max-width: 767px){
  .js-dyn-heading { font-size: 60px; }
  .sl-portada .solo-carmen { bottom: -20px; }

  .mobile-toggle-nav-ul { display: block !important; }
  .mobile-toggle-nav__item:nth-child(2) { justify-self: flex-start; }

  body { font-size: 18px; }
  .py-100 { padding-top: 30px; padding-bottom: 50px; }
  .mt-100 { margin-top: 40px; }
  .mt-180 { margin-top: 50px; }
  .pt-150 { padding-top: 40px; }
  .mt-120 { margin-top: 40px; }
  .py-120 { padding-top: 40px; padding-bottom: 40px; }
  .py-250 { padding-top: 40px; padding-bottom: 40px; }
  .my-100 { margin-top: 60px; margin-bottom: 60px; }

  h1.page-header-title { padding-top: 50px; }
  h1.page-header-title,
  .tip-150,
  .tip-130 { font-size: 50px !important; }
  .tip-100 { font-size: 50px; }
  .tip-60 { font-size: 30px; }

  .work-row__title { font-size: 30px; }

  .grilla1 { padding-top: 150px; }
  .grilla1 .vcex-image:nth-child(5) { display: none; }
  .page-id-23 .grilla1 { padding-top: 150px; }


  .label-hand .vcex-heading-inner::before {
    right: -10px;
    bottom: -15px;
    width: 130px;
    height: 200px; }

  .img-plano img { max-width: 100%; }

  #footer .vcex-horizontal-menu, .menu-footer .vcex-horizontal-menu { font-size: 15px !important; padding-top: 10px; }

  .carmen-footer .letter svg { height: 150px; }
  
  .footer-builder-content .vc_section.mt-180 .vc_col-sm-6 { display: inline-block; width: 50% !important; }

  #footer .vcex-horizontal-menu-nav__list,
  .menu-footer .vcex-horizontal-menu-nav__list { justify-content: center; gap: 13px; }
  .vcex-horizontal-menu-nav__list .wpex-px-15 { padding-inline: 0 !important; }
  .tip-45.pr-20 { padding-right: 0 !important; font-size: 20px !important; }

}

@media (max-width: 480px){
  .js-dyn-heading { font-size: 30px; }
  .sl-portada .solo-carmen { bottom: 0; }

  body { font-size: 16px; }

  .py-100 { padding-top: 30px; padding-bottom: 50px; }
  .mt-100 { margin-top: 40px; }
  .mt-180 { margin-top: 50px; }
  
  h1.page-header-title { padding-top: 110px; }

  h1.page-header-title,
  .tip-150,
  .tip-130 { font-size: 40px !important; }
  .tip-100 { font-size: 40px; }

  .work-row__title { font-size: 20px; }

  .grilla1 { padding-top: 100px; }
  .page-id-23 .grilla1 { padding-top: 0; }


  .grilla1 .vcex-image:nth-child(5) { display: none; }

  .carmen-footer .letter svg { height: 100px; }

  .proyectos > .vc_row .proyecto-titulo { padding: 20px; }

  #footer .vcex-horizontal-menu, .menu-footer .vcex-horizontal-menu { font-size: 12px; padding-top: 8px; }

  .mobile-toggle-nav-ul { margin-top: -40% !important; }
}


@media (max-width: 767px) {
  .sl-portada,
  .sl-portada > .vc_row,
  .sl-portada .wpb_column {
    min-height: 100dvh !important;
    height: 100dvh !important;
  }

  .sl-portada .solo-carmen {
    bottom: 118px;
  }
}