/*-DISEÑADO POR WAVESITE-*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=News+Cycle:wght@400;700&display=swap');

html,body{font-family: var(--font);margin:0;padding:0;overflow-x: hidden;}
body{color:var(--fontcolor);background:var(--bgcolor);overflow-y: hidden;background:url(https://seguros-elsalvador.com/img/bg000111.jpg);background-repeat: no-repeat;background-position:center -200px;background-size:100%;}
*{box-sizing: border-box;}


:root {
    --white: #fff;
    --black: #000;
    --error:#ca433b;
    --errorhover:#b53c35;
    --errortext:#792823;
    --success:#4BB543;
    --successhover:#43a23c;
    --successtext:#2d6c28;
    --warning:#ffc302;
    --warninghover:#e5af01;
    --warningtext:#997501;
    --info:#99DBE3;
    --infohover:#89c5cc;
    --infotext:#5b8388;
    --lightgrey:#ccc;
    --grey:#666;
    --darkgrey:#212121;

    /*----------------*/
    --color1:#123456;
    --color2:#082456;
    --color3:#345612;
    --color4:#5c2361;
    --buttonbg:#89c81a;
    --buttonbghover:#f55736;
    --buttontext:#062d54;
    --buttontexthover:#ffffff;
    --bgcolor:#efefef;
    --fontcolor:#5f5f5f;

    /*----------------*/
    --font:'Poppins', sans-serif;
    /*----------------*/
    --spacer:55px 0px 0px 0px;
    --roundness:8px
    
    
}

img{border-radius:25px;}
.rounded{border-radius:100px;}
.rounded2{border-radius:100px;padding:12px;font-size:20px;width:100%;}
select{border-radius:100px;padding:12px;font-size:15px;width:89%;}
input[type="text"],input[type="number"] {border-radius:100px;}
button{background-color:var(--buttonbg);color:var(--buttontext);border:none;padding:8px 21px;transition:512ms;vertical-align: text-bottom;}
.pgeneral{padding:12px;}
.pgeneralbt{ padding:20px;}
.pgeneralfb{ padding:0 10px 10px 0px;}

.tright{text-align:right}

.slidetitle{font-size:2.5em;color:#fff;font-weight: bold;line-height: 38px;}
.slidedes{font-size:1.2em;color:#fff;}
.calltoaction{font-size:1.25em;padding:18px 68px;margin:12px 0;width:fit-content;background-color:#89c81a}
.slider-controls {position: absolute;top:10%;width:8%;display: flex;justify-content: space-between;transform: translateY(-50%);user-select: none;left:90%;}
.slider-control {cursor: pointer;font-size: 0.6em;position:absolute;top: 50%;transform: translateY(-50%);padding:12px 21px;opacity:9;transition:1s;color:var(--white); background:#082456;}
.separator1{width:100%;height:80px;}
.bigtitle{font-size:2.5em;line-height: 1.1em;color:#082456;font-weight:bold;}
.bigtitle2{font-size:1.7em;line-height: 1.1em;color:#082456;font-weight:bold;}
.midbig{font-size:1em;line-height: 1.1em;color:#1d1d1d;}
.midbig2{font-size:1em;line-height: 1.1em;color:#082456;}


.superoption{display:flex;align-items: center;flex-wrap: wrap;margin:auto;margin-bottom:var(--spacer);background:#ccc;border-radius: var(--roundness);color:#313030;width:95%;user-select: none;padding:8px;}
.superoption:hover{background-color:#89c5cc;}
.superoption .icono,.superoption .go{width:8.5%;min-width:60px;text-align: center;font-size:1.5em;text-align: left;}
.superoption .detalle{width:83%;padding:var(--spacer)}
.superoption .detalle strong{font-size:1.3em;text-align: left;}
.superoption .detalle div{font-size:0.86em}

nav a {
    color: #fff;
  }

  nav a:hover {
    color: #74cef8;
  }
  


  @media only screen and (max-width:768px){
    body{background-position:top center;}
  }

  details[open] summary {
    margin: 6px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
    background-color: #035bb3;
    padding: 20px;
    border-radius: 10px;
  }

  summary {
    font-size: 1.2em;
    font-weight: 700;
    cursor: pointer;
    transition: 1s ease;
    user-select: none;
    background-color: #062d54;
    color:#fff;
    padding: 20px;
    margin: 6px;
    border-radius: 10px;
  }

  details[open] summary ~ * {
    animation: sweepin 0.5s ease-in-out;
    padding-left: 20px;
    padding-right:20px;
  }