html {
    scroll-behavior: smooth;
   }
body {
    font-family: "Oswald", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    color:#403838;
  }
  img{ width: 100%; height: auto;}
  p{ font-size: 26px; font-weight: 100;line-height: 1.4em; margin-bottom: 10px;}
  h2{ font-size: 50px; font-weight: 800; text-transform: uppercase;line-height: 1.2em;}
  header#header, .contacto .rejilla {
      width: 96%;
      max-width: 1440px;
      padding: 2%;
      margin: 40px auto;}
  header#header #cabecera {    display: flex;
      justify-content: space-between;}
      .columna_1_6{ width:calc((94% / 6) ); margin-right: 6%;}
      .columna_2_6{ width:calc((94% / 6) * 2);margin-right: 6%;}
      .columna_3_6{ width:calc((94% / 6) * 3);margin-right: 6%;}
      .columna_4_6{ width:calc((94% / 6) * 4);margin-right: 6%;}
      .columna_5_6{ width:calc((94% / 6) * 5);margin-right: 6%;}
      .columna_6_6{ width:calc((94% / 6) * 6);margin-right: 6%;}
      .ultima_columna{ margin-right: 0;}
  
  header#header .logo{ width:calc(98% / 6) ; margin-right: 2%; color:#4c3973; text-align: center;}
  header#header .intro{ width:calc((98% / 6) * 3); margin-right: calc(98% / 6);}
  header#header .logo img{ width: 100%; max-width: 60px; height: auto;}
  h1.sucedaneo{ margin: 0; color: #4c3973; font-weight: 900; font-size: 38px; line-height: 1em;}
  .intro h2{ font-size: 38px; font-weight: 100; margin-top: 0; margin-bottom: 40px; color:#f25835}
  header#header .logo h2{ font-weight: 100; font-size: 24px; margin:0;}
  #imagen_principal{ width: 100%; max-width: 1440px; margin: 0 auto;}
          #imagen_principal .confondo{
              /* background: #4c3973; */
              max-width: 1440px;
              background-position: 0 0;
              width: 100%;
              min-height: 30vh;
              display: block;
              position: relative;
          }
  
          #imagen_principal .confondo img{object-fit: fill; width: 100%;object-position: right bottom;}
          #imagen_principal .confondo .titulo{ position: relative;}
  #imagen_principal .sobre_imagen {
      position: absolute;
      bottom: -8px;
      right: 70px;
      font-size: 230px;
      line-height: 1em;
      margin: 0;
      font-weight: 900;
      color: #fff;
  }
  p.repensada {
      font-size: 176px;
      line-height: 1em;
      margin: 0;
      font-weight: 800;
      text-align: right;
      margin-right: 70px;
  }
  #main {
      width: 96%;
      max-width: 1440px;
      margin: 0px auto 0;
      padding: 2%;
  }
  .fila{     display: flex;    align-items: center;    flex-wrap: wrap;}
  .entrada_finalidad{ text-transform: uppercase;}
  .entrada_finalidad h2{ font-weight: 400; line-height: 1em;
      padding-bottom: 0;
      margin-bottom: 0;}
  
  .entrada_finalidad p{ font-weight: 400; line-height: 1.2em; font-size: 45px; font-weight: 200;
      margin-top: 0;
      padding-top: 0;}
  aside.equipo{ margin: 0 auto; text-align: center;}
  
  aside , section{ padding:40px 0; display: block; overflow: hidden;}
  .centrado {
      text-align: center;
      margin: 0 auto; justify-content: center;
  }
  .fila.pasos_d{ justify-content: space-between;align-items: start;}
  .pasos_d .interior{ width:23%;  text-align: center;
      margin-top: 40px;}
  .pasos_d .interior h3{ text-transform: uppercase; font-size: 18px; font-weight: 400;}
  .fondo_rojo{background-color: #f25835;color:#fff; 
      display: flex;
      align-items: center;}
      .fondo_rojo{background-color: #f25835;color:#fff; 
      display: flex;
      align-items: center;}
  
      .fondo_rojo h2{ font-size: 28px; font-weight: 300; margin-bottom: 0; padding-bottom: 0;}
      .fondo_rojo p{  margin-top: 0; padding-top: 0;}
  
  .fondo_morado{background-color: #4c3973; color:#fff;        align-items: center;}
  .fondo_azul{background-color: #17a697; color:#fff;     display: flex;    align-items: center;}
  .expertos .fila, .desarrolo_plugins .fila{ align-items: stretch; text-transform: uppercase;}
  .expertos .fila p, .desarrolo_plugins .fila p{ font-weight: 400; line-height: 1.4em;}
  .desarrollo_int{ padding: 40px;}
  .estatico_dinamico h3{ font-size: 46px; font-weight: 400;}
  .separacion_inferior{ margin-bottom: 40px;}
  .resalte { color:#f2cc0c}

  .contacto .rejilla .detallec_contacto img{ max-width: 80%;}
  .contacto .rejilla .detallec_contacto { text-align: center;}
.contacto_form label{ display: block; 
    font-size: 16px;
    text-transform: uppercase;}
    .contacto_form input{ width: 75%; padding: 10px 5px; text-transform: uppercase;font-weight: 200;}
    .contacto_form textarea{ width: 75%; padding: 10px 5px; font-weight: 200; }
    .contacto_form .enviar { text-align: right; width: 80%;}
    .contacto_form .enviar .boton_envio{ background-color: #f2cc0c; color:#4c3973; 
        padding: 10px 20px;
        border: 0;
        text-transform: uppercase;
        margin: 40px 5%; cursor: pointer}
        .contacto h2{ margin-bottom: 0;;}
        .contacto_form .enviar .boton_envio:disabled{ background-color: #403838; cursor:none}

        .footer{ background-color: #f2858e; color:#ffffff}
        .footer .fila{ padding: 20px 0 ; margin: 0 auto;width: 96%;
            max-width: 1440px;}
        .footer img.icono_footer{ max-width: 50px;}
        footer .ultima_columna p{ text-align: right; font-size: 16px;}

        .boton_enlace {
            width: 40px;
            position: fixed;
            top:calc(25% - 20px);
            right: 0; cursor: pointer;
        }
        /* .grecaptcha-badge{ display:none} */

.gdprcookie {position: fixed;
    bottom: 0;
    background:#f2cc0c;
    padding: 20px;}
    .gdprcookie p{ font-size: 20px;}
    .gdprcookie button{ margin: 20px; background-color: #f2858e; color:#4c3973; border:0px; padding: 10px 20px;
    cursor: pointer; transition: all 1s;}
    .gdprcookie button:hover{  background-color: #4c3973; color:#f2858e;}

    .listado_navegadores li {
        font-size: 22px;
        line-height: 1.2em;
        font-weight: 200;
        margin-bottom: 20px;
    }
    table.tabla_de_cookies {
        padding: 0px 0px;
        width: 100%;
        border: 1px solid #4c3973;
        margin: 40px 0;
    }

    .tabla_de_cookies td {
        text-align: left;
        padding: 10px ;
        font-size: 22px;
        font-weight: 200;
    }
    .tabla_de_cookies th {
        text-align: left;
        padding: 20px 10px ;
        font-size: 22px;
        font-weight: 200;
        background-color: #4c3973 ;
        color: #f2cc0c;
    }

    .tabla_de_cookies caption {      
            padding: 20px;
            caption-side: bottom;
            color: #666;
            text-align: right;
            font-size: 16px;
            font-weight: 200;
        
      }
      ul.listado_navegadores {
        list-style: none;
        margin: 40px 0;
    }

    ul.listado_navegadores  a{ color: #f25835;}

    .pregunta {
        font-weight: 400;
        color: #4c3973;
        text-transform: uppercase;
        margin-top: 40px;
    }
    .clasificacion_cookies h3{
        font-weight: 200;
        text-transform: uppercase;
        color: #17a697;
        font-size: 24px;
    }
    .boton_enlace.volver a{
            font-size: 24px;
            font-weight: bolder;
            background: #4c3973; color: #f2cc0c;
            text-decoration: none;
            padding: 10px;transition: all 1s;
        
    }
    .boton_enlace.volver a:hover{      
        background: #f2cc0c; color:#4c3973;
       
    
}

  @media (max-width: 1440px) {
      #imagen_principal .confondo img{object-fit: none; width: 100%;}
  }

  @media (max-width: 900px) {
    p.repensada{ 
           /* font-size:clamp(3.75rem, 0.287rem + 17.31vw, 11rem);
           calc(16px + (26 - 16) * ((100vw - 768px) / (1600 - 768)));  */
        
           /* font-size:calc(80px + (176 - 80) * ((100vw - 400px) / (900 - 400))); */
           font-size:calc(56px + (176 - 56) * ((100vw - 320px) / (900 - 320)));
          
         line-height: 1em;}   
}

@media (max-width:980px) {
    header#header .logo,
    header#header .intro,
    .columna_1_6,
      .columna_2_6,
      .columna_3_6,
      .columna_4_6,
      .columna_5_6,
      .columna_6_6{ width:96%;margin-right:2%; margin-left: 2% ;text-align: center;}
      .ultima_columna{ margin-right: 0;}
      header#header .logo{ margin-bottom: 60px;}
      div#cabecera {        flex-direction: column;    }
    .finalidad, header#header .intro { text-align: center;}
    .mitad img{ max-width: 50%; margin: 0 auto; }
    .footer img.icono_footer{ max-width: 50px;}
    footer .ultima_columna p{ text-align: center; font-size: 16px;}
    .contacto .rejilla .detallec_contacto img{ max-width: 360px;}
}

@media (max-width:600px) {
    .pasos_d .interior {
        width: 47%;
        text-align: center;
        margin-top: 40px;
    }
    .contacto_form label{ text-align: left; padding-left: 5px;}
    .contacto_form input { width: 95%;}
    .mitad img{ max-width: 80%; margin: 0 auto; }

    .boton_enlace {
        top:0px;
        right: 0;
    }
   

 #imagen_principal .confondo img {  object-position: 0; object-fit: contain;  }
    #imagen_principal .sobre_imagen{ position: relative;
        color: #4c3973;
        top: 0;
        left: 0;
      font-size:  calc(200px + (400 - 200) * ((100vw - 400px) / (600 - 340)));
      line-height: 1em;
    
    }
    #imagen_principal .confondo{ min-height: auto;}
    p {        font-size: 22px;}
    .entrada_finalidad p{ font-size: 36px;}
    h2 {        font-size: 38px;}
    .desarrollo_int p{ font-size: 18px;}

}
@media (max-width:500px) {
    p.repensada{
        text-align: center;
        margin-right: 0;}
}