.boton, .rhldr, .node-webform input[type="submit"], .node--type-webform input[type="submit"], .item-list .pager li.pager-item a, li.pager-current,.mchldr input {border-radius: 3em;}
#block-expertia-theme-home-calculator-cta .content, .node-webform .content, .node--type-webform .content, .tyc, .anph {-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3); border-radius: 0.5em;}
#accordion .transition, #accordion p, ul#accordion li i:before, ul#accordion li i:after {
  transition: all 0.25s ease-in-out;
}

#accordion .flipIn, ul#accordion li {
  animation: flipdown 0.5s ease both;
}

#accordion .no-select,#accordion h2 {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


#accordion h2 {
  display: block;
  margin: 0;
  cursor: pointer;
  border-bottom: 1px solid #e5e5e5;
  padding: 10px 30px 4px;
}

#accordion p {  
  position: relative;
  overflow: hidden;
  max-height: 400px;
  opacity: 1;
  transform: translate(0, 0);
  margin: 1em 2em;
  z-index: 2;
  text-align: justify;  
}

.field-name-body, #accordion p {
	-moz-text-align-last: center; /* Code for Firefox */
	text-align-last: center;
}

ul#accordion {
  list-style: none;
  padding: 0;
  margin: 4em 0 2em;
}
ul#accordion li {
  position: relative;
  padding: 0;
  margin: 0.5em 0;
  border: 1px solid #e5e5e5;
}
ul#accordion li:nth-of-type(1) {
  animation-delay: 0.5s;
}
ul#accordion li:nth-of-type(2) {
  animation-delay: 0.75s;
}
ul#accordion li:nth-of-type(3) {
  animation-delay: 1s;
}
ul#accordion li:last-of-type {
  padding-bottom: 0;
}
ul#accordion li i {
  position: absolute;
  /*transform: translate(-6px, 0);*/
  top: 17px;
  right: 25px;
}
ul#accordion li i:before, ul li i:after {
  content: "";
  position: absolute;
  background-color: #cccccc;
  width: 3px;
  height: 9px;
}
ul#accordion li i:before {
  transform: translate(-2px, 1px) rotate(45deg);
}
ul#accordion li i:after {
  transform: translate(4px, 1px) rotate(135deg);
}
ul#accordion li input[type=checkbox] {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  margin:0;
  left: 0;  
}
ul#accordion li input[type=checkbox]:checked ~ h2 {
	border-bottom: 0;
}


ul#accordion li input[type=checkbox]:checked ~ p {
  margin-top: 0; margin-bottom:2px;
  max-height: 0;
  opacity: 0;
  transform: translate(0, 50%);
}
ul#accordion li input[type=checkbox]:checked ~ i:before {
  transform: translate(-2px, 0) rotate(135deg);
}
ul#accordion li input[type=checkbox]:checked ~ i:after {
  transform: translate(4px, 0) rotate(45deg);
}

@keyframes flipdown {
  0% {
    opacity: 0;
    transform-origin: top center;
    transform: rotateX(-90deg);
  }
  5% {
    opacity: 1;
  }
  80% {
    transform: rotateX(8deg);
  }
  83% {
    transform: rotateX(6deg);
  }
  92% {
    transform: rotateX(-3deg);
  }
  100% {
    transform-origin: top center;
    transform: rotateX(0deg);
  }
}

#mobile-menu span {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
  -webkit-transition-delay: .25s;
  transition-delay: .25s;
}
#mobile-menu.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#mobile-menu.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.tabl {
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
.tabl {
  border-radius: 0.8em;
}

body.page-node-218 input, body.page-node-218 select {
-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

/* Contacto (webform_11) 2-column layout: Nombre|Apellidos, Telefono|Email,
   then Informacion Solicitada full width. Net-new D11 layout (no D7
   equivalent to port). Other form items (RGPD text, consent checkbox,
   captcha, actions) default to full width via the child selector below. */
.webform-submission-webform-11-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 4%;
}
.webform-submission-webform-11-form > * {
  grid-column: 1 / -1;
}
.webform-submission-webform-11-form .form-item-nombre,
.webform-submission-webform-11-form .form-item-telefono {
  grid-column: 1;
}
.webform-submission-webform-11-form .form-item-apellidos,
.webform-submission-webform-11-form .form-item-email {
  grid-column: 2;
}
@media screen and (max-width: 600px) {
  .webform-submission-webform-11-form {
    grid-template-columns: 1fr;
  }
  .webform-submission-webform-11-form .form-item-nombre,
  .webform-submission-webform-11-form .form-item-telefono,
  .webform-submission-webform-11-form .form-item-apellidos,
  .webform-submission-webform-11-form .form-item-email {
    grid-column: 1;
  }
}

/* "Seguro de Decesos" GARANTIAS popups (garantias-popup.js): .gartexthldr is
   display:none by default (nodes.css) until a garphldr icon is clicked, then
   Magnific Popup detaches it into .mfp-content. Unlike D7's fancybox, Magnific
   Popup's inline module does not itself clear the hiding CSS rule, so it must
   be overridden here for the popup's copy to be visible. */
.mfp-content .gartexthldr {
  display: block;
}

/* D7 rendered this popup inside fancybox's ".fancybox-skin" card (background
   #f9f9f9, border-radius 4px, box-shadow 0 10px 25px rgba(0,0,0,0.5)). Magnific
   Popup's base CSS (nodes.css) only handles layout for .mfp-content, not
   appearance, so the card look must be ported here. Scoped to
   .mfp-inline-holder so it doesn't affect the unrelated cta-llamar iframe
   popup, which already has its own .mfp-iframe-holder styling. */
.mfp-inline-holder .mfp-content {
  background: #fff;
  max-width: 600px;
  margin: 40px auto;
  padding: 1em;
  border-radius: 4px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}