.elementor-1647 .elementor-element.elementor-element-12cd179{--display:flex;--margin-top:-95px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1647 .elementor-element.elementor-element-12cd179:not(.elementor-motion-effects-element-type-background), .elementor-1647 .elementor-element.elementor-element-12cd179 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0C507A;}.elementor-1647 .elementor-element.elementor-element-ef98339{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1647 .elementor-element.elementor-element-ef98339:not(.elementor-motion-effects-element-type-background), .elementor-1647 .elementor-element.elementor-element-ef98339 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0C507A;}.elementor-1647 .elementor-element.elementor-element-ef98339.e-con{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:1;--flex-shrink:0;}.elementor-1647 .elementor-element.elementor-element-7383a41{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0108.5px;--padding-left:0px;--padding-right:0px;}.elementor-1647 .elementor-element.elementor-element-1565cf2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0108.5px;--padding-left:0px;--padding-right:0px;}.elementor-1647 .elementor-element.elementor-element-de71a2e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:-108px;--margin-bottom:-108px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1647 .elementor-element.elementor-element-de71a2e:not(.elementor-motion-effects-element-type-background), .elementor-1647 .elementor-element.elementor-element-de71a2e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0C507A;}.elementor-1647 .elementor-element.elementor-element-ef11378{width:100%;max-width:100%;}.elementor-1647 .elementor-element.elementor-element-ef11378 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1647 .elementor-element.elementor-element-1518a9b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:108.5px;--padding-left:0px;--padding-right:0px;}.elementor-1647 .elementor-element.elementor-element-1090d82{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-1647 .elementor-element.elementor-element-1090d82 > .elementor-widget-container{padding:0107.5px 0px 0px 0px;}.elementor-1647 .elementor-element.elementor-element-1090d82.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1647 .elementor-element.elementor-element-0caa924{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:108.5px;--padding-left:0px;--padding-right:0px;}.elementor-1647 .elementor-element.elementor-element-0caa924:not(.elementor-motion-effects-element-type-background), .elementor-1647 .elementor-element.elementor-element-0caa924 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0C507A;}.elementor-1647 .elementor-element.elementor-element-7aa6aaf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1647 .elementor-element.elementor-element-7aa6aaf.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1647 .elementor-element.elementor-element-4487d39{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1647 .elementor-element.elementor-element-37908b0 img{max-width:92%;height:100%;border-radius:0px 0px 0px 0px;}.elementor-1647 .elementor-element.elementor-element-647e3415{--display:flex;--min-height:0px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:108.5px;--padding-left:0px;--padding-right:0px;}.elementor-1647 .elementor-element.elementor-element-647e3415:not(.elementor-motion-effects-element-type-background), .elementor-1647 .elementor-element.elementor-element-647e3415 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0C507A;}.elementor-1647 .elementor-element.elementor-element-647e3415.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-1647 .elementor-element.elementor-element-5f9aed95{--display:flex;}.elementor-1647 .elementor-element.elementor-element-10e7c0e1 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1647 .elementor-element.elementor-element-85c52f{--grid-template-columns:repeat(0, auto);--icon-size:18px;--grid-column-gap:30px;--grid-row-gap:0px;}.elementor-1647 .elementor-element.elementor-element-85c52f .elementor-widget-container{text-align:center;}.elementor-1647 .elementor-element.elementor-element-85c52f .elementor-social-icon{background-color:#57CC99;}.elementor-1647 .elementor-element.elementor-element-1fe819dc{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1647 .elementor-element.elementor-element-1fe819dc:not(.elementor-motion-effects-element-type-background), .elementor-1647 .elementor-element.elementor-element-1fe819dc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1647 .elementor-element.elementor-element-1fe819dc.e-con{--align-self:center;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1647 .elementor-element.elementor-element-4e38ca1c > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-1647 .elementor-element.elementor-element-4e38ca1c{text-align:center;font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );color:#22577A;}.elementor-1647 .elementor-element.elementor-element-4e38ca1c p{margin-bottom:0px;}.elementor-1647 .elementor-element.elementor-element-7e0c6d5e{--display:flex;}.elementor-1647 .elementor-element.elementor-element-7e0c6d5e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1647 .elementor-element.elementor-element-2ef61cb4 > .elementor-widget-container{margin:-25px 0px 0px 0px;}.elementor-1647 .elementor-element.elementor-element-2ef61cb4.elementor-element{--align-self:center;}@media(max-width:1024px){.elementor-1647 .elementor-element.elementor-element-7383a41{--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1647 .elementor-element.elementor-element-1565cf2{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1647 .elementor-element.elementor-element-de71a2e{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1647 .elementor-element.elementor-element-ef11378 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1647 .elementor-element.elementor-element-0caa924{--padding-top:0px;--padding-bottom:050px;--padding-left:0px;--padding-right:0px;}.elementor-1647 .elementor-element.elementor-element-85c52f > .elementor-widget-container{margin:15px 0px 0px 0px;}.elementor-1647 .elementor-element.elementor-element-85c52f{--grid-column-gap:20px;}}@media(min-width:768px){.elementor-1647 .elementor-element.elementor-element-12cd179{--content-width:100%;}.elementor-1647 .elementor-element.elementor-element-ef98339{--width:100%;}.elementor-1647 .elementor-element.elementor-element-7383a41{--content-width:100%;}.elementor-1647 .elementor-element.elementor-element-1565cf2{--content-width:100%;}.elementor-1647 .elementor-element.elementor-element-de71a2e{--content-width:100%;}.elementor-1647 .elementor-element.elementor-element-1518a9b{--content-width:100%;}.elementor-1647 .elementor-element.elementor-element-0caa924{--content-width:100%;}.elementor-1647 .elementor-element.elementor-element-7aa6aaf{--width:59.73%;}.elementor-1647 .elementor-element.elementor-element-4487d39{--width:100%;}.elementor-1647 .elementor-element.elementor-element-647e3415{--width:107.341%;}.elementor-1647 .elementor-element.elementor-element-1fe819dc{--content-width:100%;}.elementor-1647 .elementor-element.elementor-element-7e0c6d5e{--width:15.406%;}}@media(max-width:767px){.elementor-1647 .elementor-element.elementor-element-12cd179{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1647 .elementor-element.elementor-element-0caa924{--padding-top:0px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-1647 .elementor-element.elementor-element-f455fd0 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1647 .elementor-element.elementor-element-4487d39{--margin-top:15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for html, class: .elementor-element-f44b7e8 *//* 0) Reset box-model */
.section-areas * {
  box-sizing: border-box;
}

/* 1) Wrapper de la sección */
.section-areas {
  width: 100%;
  background-color: #0C507A; /* fondo azul */
  padding: 60px 0;
  padding-bottom: 108.5px;
  font-family: 'DM Sans', sans-serif;
}

/* 2) Contenedor interior al 95% y dos columnas igual alto */
.section-areas .areas-inner {
  max-width: 95%;
  margin: 0 auto;
  display: flex;
  gap: 25px;            /* espacio entre imágenes */
  align-items: stretch; /* fuerza mismo alto */
}

/* 3) Cada “contenedor de imagen” */
.section-areas .areas-img {
  flex: 1;
  border-radius: 10px;
  overflow: hidden;
  background-color: #fff; /* blanco para que no se vea otro reborde */
}

/* 4) Imagen: ocupa todo el contenedor, mismo alto y ancho */
.section-areas .areas-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover; /* recorta para que ambas queden exactamente igual */
}

/* 5) Responsive: stack en móvil */
@media (max-width: 768px) {
  .section-areas .areas-inner {
    flex-direction: column;
  }
  
  .section-areas {
  padding: 60px 0 40px 0;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12cd179 */.site-footer.dynamic-footer {
  display: none !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-53f4fd9 *//* Container & layout */

.normativas-strip {
  /* ancho relativo igual al resto de la página */
  width: 95%;
  /*margin: 0 auto 108.5px;*/
  padding: 10px 0;

  /* layout flex intacto */
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 25px;

  box-sizing: border-box;
  font-family: "DM Sans", sans-serif;
}

/* Intro panel */
.normativas-intro {
display: flex;
  flex-direction: column;
  justify-content: center;  
  flex: 0 0 16%;
  border-left: 1px solid #fff;
  padding-left: 25px;
  color: #fff;
  box-sizing: border-box;
  align-self: stretch;
}
.normativas-intro h2 {
  margin: 0 0 20px;
  font-size: 25px;
  font-family: exo, Sans-Serif;
  font-weight: 700;
  
}
.normativas-intro p {
  margin-right: 20px;
  font-size: 0.9rem;
}

/* Cards wrapper */
.normativas-cards {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  box-sizing: border-box;

}

/* Individual card */
.normativa-card {
  background: #1274A1;
  border-radius: 10px;
  color: #fff;
  position: relative;
  padding: 20px;
  padding-bottom: 35px;
  flex: 1 1 calc(20% - 20px);
  box-sizing: border-box;
  min-height: 160px;

}
.normativa-card h4 {
  margin: 0 0 8px;
  font-size: 0.8rem;
  line-height: 1.2;
}
.normativa-card p {
  display: block;
  font-size: 0.85rem;
  line-height: 1.3;
  opacity: 0.9;
}

.normativa-card p :hover {
    color: #fff !important;
}

.normativa-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.normativa-card:hover {
  /* sube la tarjeta 6px, la escala un 2% y refuerza la sombra */
  transform: translateY(-6px) scale(1.02);
  box-shadow: 0 8px 20px rgba(0,0,0,0.25);
}

.normativa-card,
.normativa-card:link,
.normativa-card:visited,
.normativa-card:hover,
.normativa-card:focus,
.normativa-card:active {
  color: #fff !important;
  text-decoration: none !important;
}

/* 2) Y para todos los elementos internos (h4, p, etc.) */
.normativa-card *,
.normativa-card:hover *,
.normativa-card:focus *,
.normativa-card:active * {
  color: inherit !important;
}

/* Arrow icon */
.normativa-arrow {
  position: absolute;
  bottom: 1px;
  left: 80%;
  transform: translateX(-50%);
  width: 80px;
  height: 80px;
  background: url('https://puertodocksud.com/wp-content/uploads/2025/04/Servicios_Descarga.svg') 
              no-repeat center/contain !important;
  pointer-events: none;
}

/*.normativas-strip {*/
/*  position: relative;*/
/*  left: 50%;*/
/*  right: 50%;*/
/*  width: 100vw !important;*/
/*  margin-left: -50vw !important;*/
/*  margin-right: 10vw !important;*/
 /* padding: 10px 5% !important; /* 5% a cada lado = 95% de ancho interno 
/*  box-sizing: border-box !important;*/
/*}*/


/* Responsive breakpoints */
@media (max-width: 1024px) {
  .normativa-card {
    flex: 1 1 calc(33.333% - 20px);
  }
  .normativas-intro {
    flex: 0 0 30%;
  }
}
@media (max-width: 768px) {
  .normativa-card {
    flex: 1 1 calc(50% - 20px);
  }
  .normativas-intro {
    flex: 0 0 100%;
    border-left: none;
    border-top: 4px solid #fff;
    padding-top: 16px;
    margin-bottom: 20px;
  }
}
@media (max-width: 480px) {
  .normativa-card {
    flex: 1 1 100%;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ef98339 */#normatives {
    height: 180px;
}

a:link { color: white; }

body {
    background-color: #0C507A;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f9e6316 *//* Container & layout */

.normativas-strip {
  /* ancho relativo igual al resto de la página */
  width: 95%;
  /*margin: 0 auto 108.5px;*/
  margin: 0 auto;
  padding: 10px 0;

  /* layout flex intacto */
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 25px;

  box-sizing: border-box;
  font-family: "DM Sans", sans-serif;
}

/* Intro panel */
.normativas-intro {
display: flex;
  flex-direction: column;
  justify-content: center;  
  flex: 0 0 16%;
  border-left: 1px solid #fff;
  padding-left: 25px;
  color: #fff;
  box-sizing: border-box;
  align-self: stretch;
}
.normativas-intro h2 {
  margin: 0 0 20px;
  font-size: 25px;
  font-family: exo, Sans-Serif;
  font-weight: 700;
  
}
.normativas-intro p {
  margin-right: 20px;
  font-size: 0.9rem;
}

/* Cards wrapper */
.normativas-cards {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  box-sizing: border-box;

}

/* Individual card */
.normativa-card {
  background: #1274A1;
  border-radius: 10px;
  color: #fff;
  position: relative;
  padding: 20px;
  padding-bottom: 35px;
  flex: 1 1 calc(20% - 20px);
  box-sizing: border-box;
  min-height: 160px;

}
.normativa-card h4 {
  margin: 0 0 8px;
  font-size: 0.8rem;
  line-height: 1.2;
}
.normativa-card p {
  display: block;
  font-size: 0.85rem;
  line-height: 1.3;
  opacity: 0.9;
}

.normativa-card p :hover {
    color: #fff !important;
}

.normativa-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.normativa-card:hover {
  /* sube la tarjeta 6px, la escala un 2% y refuerza la sombra */
  transform: translateY(-6px) scale(1.02);
  box-shadow: 0 8px 20px rgba(0,0,0,0.25);
}

.normativa-card,
.normativa-card:link,
.normativa-card:visited,
.normativa-card:hover,
.normativa-card:focus,
.normativa-card:active {
  color: #fff !important;
  text-decoration: none !important;
}

/* 2) Y para todos los elementos internos (h4, p, etc.) */
.normativa-card *,
.normativa-card:hover *,
.normativa-card:focus *,
.normativa-card:active * {
  color: inherit !important;
}

/* Arrow icon */
.normativa-arrow {
  position: absolute;
  bottom: 1px;
  left: 80%;
  transform: translateX(-50%);
  width: 80px;
  height: 80px;
  background: url('https://puertodocksud.com/wp-content/uploads/2025/04/Servicios_Descarga.svg') 
              no-repeat center/contain !important;
  pointer-events: none;
}

/*.normativas-strip {*/
/*  position: relative;*/
/*  left: 50%;*/
/*  right: 50%;*/
/*  width: 100vw !important;*/
/*  margin-left: -50vw !important;*/
/*  margin-right: 10vw !important;*/
 /* padding: 10px 5% !important; /* 5% a cada lado = 95% de ancho interno */
/*  box-sizing: border-box !important;*/
/*}*/


/* Responsive breakpoints */
@media (max-width: 1024px) {
  .normativa-card {
    flex: 1 1 calc(33.333% - 20px);
  }
  .normativas-intro {
    flex: 0 0 30%;
  }
}
@media (max-width: 768px) {
  .normativa-card {
    flex: 1 1 100%;
  }
  
  .normativa-arrow {
    bottom: 40px;
    left: 90%;
  }
  
  .normativas-intro {
    flex: 0 0 100%;
    /*border-left: none;*/
    border-top: none;
    /*padding-top: 16px;*/
    /*margin-bottom: 20px;*/
  }
}
@media (max-width: 480px) {
  .normativa-card {
    flex: 1 1 100%;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-de71a2e */@media (max-width: 767px) {
  .accordion, .accordion * {
    word-break: break-word;
    overflow-wrap: break-word;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f455fd0 */.section-cta .cta-card {
  justify-content: center; /* CENTRA horizontalmente el contenido */
}/* End custom CSS */