/* cabeza */
:root {
   --ancho: 1199px;
   --red: "#990000";
   --blanco: "white";
   --gris0: "#27282b";
   --tamano: 1rem;
   --icono1: 30px;
   --icono2: 22px;
   --font00: system-ui,Roboto,sans-serif;
   --font0: "Lato",system-ui,sans-serif;
   --font1: "Playfair Display","Noto Serif",serif;
   --font2: "Noto Serif",serif;
   --fonts1: 1.4rem;
   --menu: #27282b;
   --bg-splash: #66666685;
}
body {
   font-family:var(--font0);
   margin:0;
   padding:0;
   font-size:var(--tamano);
   background:#fff;
}

/* cel: mobile */
@media (max-width: 768px) {
   :root { --icono1: 24px; --icono2: 16px; }
   .titulo0 { margin:0 -1rem; }
  
}

a { color:#333; }
time,figcaption { font-family:var(--font0); }
time { font-size:.8rem; }
header.rowm time,.clima { text-transform:uppercase; text-align:center; font-size:.75rem; }
@media (max-width:1024px) {
   header.rowm time,.clima { text-transform:uppercase; text-align:center; font-size:.55rem; }
}
.container {
   max-width: var(--ancho);
   margin-left:auto;
   margin-right:auto;
   padding-left:1rem;
   padding-right:1rem;
   background:#fff;
}
   .text-center { margin:0 auto; text-align:center; }
   .col-9 { grid-column: span 9; }
   .col-8 { grid-column: span 8; max-width: 100%; }
   .col-7 { grid-column: span 7; }
   .col-6 { grid-column: span 6; }
   .col-5 { grid-column: span 5; }
   .col-3 { grid-column: span 3; }
   .col-2 { grid-column: span 2; }
   /* ipad pro 834 portrait */


   /* pc: */
   @media (min-width:768px) {
      .row {
         display: grid;
         grid-template-columns: repeat(12, 1fr);
         grid-gap: 2rem;
      }

   }

   span.dot1 {
      width: 100%; height: 1px; display: block; 
      /*border-bottom: thin dotted #99b5c5; */
      max-width: var(--ancho); margin:.5rem auto; 

      background-image: linear-gradient(to right, #99b5c57a 30%, rgba(255, 255, 255, 0) 0%);
      background-position: top;
      background-size: 5px 1px;
      background-repeat: repeat-x;
   } 
   p.dot2 { background:#fdfdfd; height:1px; position:relative; }
   p.dot2:before , p.dot2:after {
      content: "";
      background: linear-gradient(to right, #333, transparent);
      width: 1rem;
      display: inline-block;
      position: absolute;
      height: 1px;
   }
   p.dot2:after { content:""; right:0; background: linear-gradient(to right, transparent, #333); }
   span.dot3 {
      background: #fdfdfd;
      height: 7.5rem;
      width: 1px;
      position: absolute;
      display: block;
      right: 0;
   }
   span.dot3:before , span.dot3:after {
      content: "";
      background: linear-gradient(to bottom, #333, transparent);
      width: 1px;
      display: inline-block;
      position: absolute;
      height: 1rem;
   }
   span.dot3:after { content:""; bottom:0; background: linear-gradient(to top, #333,transparent); }




   .maxh600{ max-height:600px;}
   .ml-3 { margin-left: 1.5rem; }
   .ml-2 { margin-left: 1rem; }
   .ml-1 { margin-left: .5rem; }
   .mr-2 { margin-right: 1rem; }
   .m-0 { margin:0; }
   .m-1 { margin:.5rem; }
   .m-2 { margin:1rem; }
   footer {
      background: #323232;
      color:white;
      font-size:1.05rem;
      padding-bottom:3rem;
   }
   footer div.rowf { grid-template-columns: repeat(5,1fr); display:grid; grid-gap:2rem; }
   @media (max-width:768px) {
      footer div.rowf { grid-template-columns: repeat(2,1fr); display:grid; grid-gap:1rem; }
      span.dot3d { display:none; }
   }
   footer div.row { grid-gap: 2rem; }
   footer div.container { padding:1rem; }
   footer strong.big { font-size: 1.5rem; font-weight: 900; }
   footer strong.big:before {
      content: "";
      width: 1.2rem;
      height: 1.2rem;
      display: inline-block;
      background: red;
      position: absolute;
      left: -24px;
      top: 6px;
   }
   footer strong { margin-bottom:.5rem; display:block; }
   @media (min-width:1024px) {
      footer div.container { padding:1rem 4rem; }
   }
   .email-suscribe-container {
      display: grid;
      grid-template-columns: repeat(20, 1fr);
      grid-template-rows: auto;
   }
   footer input {
      padding: .7rem;
      border-radius: 0.8rem 0 0 0.8rem;
      border: 1px solid transparent;
      text-align: left;
      font-size: 1rem;
      grid-column: 1 / 17;
      grid-row: 1 / 2;
      outline: none;
   }
   .email.join {
      color: white;
      background: red;
      cursor: pointer;      
      height: 42px;
      border-radius: 0 0.8rem 0.8rem 0;
      line-height: 40px;
      text-align: center;
      grid-column: 17 / 21;
      grid-row: 1 / 2;
   }
   .email-suscribe-container > p {
      grid-column: 1 / 21;
      grid-row: auto;
   }
   .email.join:hover {
      text-decoration: underline;
   }
   .email.warning {
      color: white;
      height: 30px;
      line-height: 40px;
      text-align: center;
      grid-column: 1 / 21;
      grid-row: 2 / 2;
   }
   .icon-send {
      display: inline-block;
      height: 42.38px!important;
      min-width: 42.38px!important;
      color: transparent!important;
      background: url(/media/plane.svg)!important;
      background-color: red!important;
      background-position: center center!important;
      background-size: auto 25px!important;
      background-repeat: no-repeat!important;
      font-size: 1.5rem;
      text-align: center!important;
      opacity:0.9;
   }
   .icon-send:hover {
      opacity:1;
   }
   .icon-sending {
      display: inline-block;
      height: 42.38px!important;
      min-width: 42.38px!important;
      color: transparent!important;
      background: url(/media/loadingw.svg)!important;
      background-color: red!important;
      background-position: center center!important;
      background-size: auto 25px!important;
      background-repeat: no-repeat!important;
      font-size: 1.5rem;
      text-align: center!important;
   }
   footer a { padding-top:.2rem; padding-bottom:.4rem; }
   @media (max-width:768px) {
      footer a { padding-top:.6rem; padding-bottom:1.1rem; }
   }
   .w-100 { width:100%; height:auto; }
   .w-80 { width:70%; height:auto; }
   .mw-50 { max-width:50%; }
   .fw-900 { font-weight:900; }
   .h-250 { height:250px; overflow:hidden; }
   .overflow { overflow:hidden; }
   .bold { font-weight:900 !important; }
   .small { font-size: small; }
   .d-block { display:block !important; }
   .d-none { display:none !important; }



   .bg-light { background:#fdfdfd; }
   .bg-light-gray { background:#ededed; }
   .bg-gray { background:#333; }
   .bg-dark { background:#000; }
   .bg-gray1 { background:#f0f0f0; }
   .bg-blue { background:#00456e; /* azul */ }
   .bg-blue1 { background:#e9f1f8; }
   .bg-green { background:#02645D; }
   .bg-red { background:#990000; }
   .bg-purple { background: #4824CC; }
   .bg-yellow { background: #ffc800; }
   .bg-siglo { background:#900; }

   .bg-blue.text-light a, .bg-green.text-light a , .bg-purple.text-light a, .bg-siglo.nosotros  a{ color:#fff; }

   .text-light { color: #fff !important; }
   .text-dark { color: #333 !important; }
   .text-red { color: red !important; }
   .text-siglo { color: #990000 !important; }
   .text-blue { color: #00456e !important; }
   .text-blue1 { color: #007edb !important; }
   .text-yellow { color: #ffc800 !important; }
   .text-high { background: #ffffd5; }
   .text-purple { color: #dcd0ff !important; }
   .tomato { color:tomato !important; }

   .text-shadow { text-shadow:0px 2px 4px rgba(1,1,1,.4); }

   .relative { position:relative; }
   .absolute { position:absolute; }
   .image20 { margin-top:-20%; }
   .image10 { margin-top:-5%; }
   .p-1 { padding:.5rem; }
   .p-2 { padding:1.5rem; }
   .p-3 { padding:2rem; }
   .py-1 { padding-top:.5rem; padding-bottom:.5rem; }
   .py-2 { padding-top:1rem; padding-bottom:1rem; }
   .pb-0 { padding-bottom:0; }
   .pb-1 { padding-bottom:.5rem !important; }
   .pb-2 { padding-bottom:1rem; }
   .pb-3 { padding-bottom:2rem; }
   .pb-4 { padding-bottom:3rem; }
   .pt-3 { padding-top:2rem !important; }
   .pt-2 { padding-top:1.5rem; }
   .pt-1 { padding-top:.5rem; }
   .px-1 { padding-left:.5rem; padding-right:.5rem; }
   .px-2 { padding-left:2rem; padding-right:2rem; }
   .mb-3 { margin-bottom:1.5rem; }
   .mb-2 { margin-bottom:2rem; }
   .mb-1 { margin-bottom:1rem; }
   .mb-0 { margin-bottom:0; }
   .mt-3 { margin-top:2rem; }
   .mt-2 { margin-top:1.5rem; }
   .mt-1 { margin-top:1rem; }
   .mt-0 { margin-top:0; } 
   .my-3 { margin-top:2rem; margin-bottom:2rem; }
   .my-2 { margin-top:1.5rem; margin-bottom:1.5rem; }
   .my-1 { margin-top:.5rem; margin-bottom:.5rem; }
   .my-0 { margin-top:0; margin-bottom:0; }
   .my-auto { margin:1rem auto;text-align:center !important;}
   .text-decoration-none { text-decoration:none; }
   .text-muted { color:#555; }
   .float-right { float:right; }
   .float-left { float:left; }
   .uppercase { text-transform:uppercase; }
   .red { color: #990000; }
   .mh0 { min-height:auto; }

   strong { font-weight:900; }