@media only screen and (min-width:0px){
  /********************************************************** CONTE CIMA PRODUTOS ***********************************************************/
  #svgplanos{position: absolute; width: 100px; height: 100px; left: 50%; transform: translate(60%, -60px);}
  #svgplanos > text{font-size: 11px;}

  .layoutprod{margin-bottom: 130px;}
  .infoprodutolayoutprods{padding: 38px 43px 31px 40px; width: calc(100% + 40px); transform: translate(-20px, -15px); background: #A5A461E6; position: relative; row-gap: 10px;}
  .nomeprodutoapres{margin-bottom: 10px;}
  .infoprodutolayoutprods .mostradescricaoprod{width: 100%; overflow: hidden;}
  /******************************************************** FIM CONTE CIMA PRODUTOS *********************************************************/

  .infoprodutoslide{padding: 20px 20px 25px 23px; background: #A5A461E6; width: calc(100% - 30px); position: absolute; bottom: -10px; left: -10px; row-gap: 10px;}

  .wrapdatein{margin-bottom: 7.5px;}

  .wrapdatein .inputreserva{width: 110px;}
  .wrapdateout .inputreserva{width: 110px;}

  .wrapdateout:has(~ .wrapselecthourin){margin-bottom: 15px;}

  .inputreserva:disabled{opacity: .5;}

  .reservaform .qtdprod{display: flex; flex-direction: row; align-items: center; margin-top: 15px;}

  .wrapselecthourin{width: calc(50% - 15px); margin-right: 15px; float: left; clear: both; margin-bottom: 7.5px;}

  .selecthourin{float: left; width: calc(50% - 5px); clear: both; max-width: 36px; padding-right: 0px; margin-right: 5px;}
  .selectminin{float: left; width: calc(50% - 5px); clear: none; max-width: 36px; padding-right: 0px; margin-left: 5px;}

  .wrapselecthourout{width: calc(50% - 15px); margin-left: 15px; float: left; clear: none;}
  .selecthourout{float: left; width: calc(50% - 5px); clear: both; max-width: 36px; padding-right: 0px; margin-right: 5px;}
  .selectminout{float: left; width: calc(50% - 5px); clear: none; max-width: 36px; padding-right: 0px; margin-left: 5px;}

  #price_reservation{float: right; padding: 5px 10px; background: var(--corpri1); border-radius: 30px; color: #F0F0F0;}

  .wrapreservaform .dumperros{margin-top: 10px;}

  .inputreservaContacto{border-bottom: 1px solid #D5D5D5;}

  .reservaform .wrapsala .selectsala{background: transparent; border-bottom: 1px solid #000;}
  .reservaform .wrapinput input:not([type='checkbox']){background: transparent; border-bottom: 1px solid #000;}
  .reservaform .wrapinput select{background: transparent; border-bottom: 1px solid #000;}
}

@media only screen and (min-width:1024px){

  /********************************************************** CONTE CIMA PRODUTOS ***********************************************************/
  #svgplanos{position: absolute; width: 100px; height: 100px; left: 50%; transform: translate(100%, -50px);}
  #svgplanos > text{font-size: 11px;}

  .layoutprod{margin-bottom: 60px;}

  .sliderrelacionados{padding-bottom: 10px; padding-left: 10px; padding-right: 10px;}
  .infoprodutoslide{padding: 20px 20px 25px 23px; background: #A5A461E6; width: calc(100% - 30px); position: absolute; bottom: -10px; left: -10px; row-gap: 10px;}

  .colunas3.colunas3produtos.layoutprod{margin-bottom: 120px;}
  .colunas3.colunas3produtos.layoutprod .infoprodutolayoutprods{padding: 40px 38px 28px 42px; background: #A5A461E6; width: 100%; transform: translate(-20px, 10px); position: absolute; bottom: 0; left: 0; row-gap: 10px;}
  .infoprodutolayoutprods .incluidosplano{display: none;}
  /******************************************************** FIM CONTE CIMA PRODUTOS *********************************************************/

  .wrapdatein{margin-bottom: 7.5px;}

  .wrapdatein .inputreserva{width: 110px; margin-left: 15px;}
  .wrapdateout .inputreserva{width: 110px; margin-left: 15px;}

  .wrapdateout:has(~ .wrapselecthourin){margin-bottom: 15px;}

  .inputreserva:disabled{opacity: .5;}

  .reservaform .qtdprod{display: flex; flex-direction: row; align-items: center; margin-top: 15px;}

  .wrapselecthourin{width: calc(50% - 15px); margin-right: 15px; float: left; clear: both; margin-bottom: 7.5px;}

  .selecthourin{float: left; width: calc(50% - 5px); clear: both; max-width: 36px; padding-right: 0px; margin-right: 5px;}
  .selectminin{float: left; width: calc(50% - 5px); clear: none; max-width: 36px; padding-right: 0px; margin-left: 5px;}

  .wrapselecthourout{width: calc(50% - 15px); margin-left: 15px; float: left; clear: none;}
  .selecthourout{float: left; width: calc(50% - 5px); clear: both; max-width: 36px; padding-right: 0px; margin-right: 5px;}
  .selectminout{float: left; width: calc(50% - 5px); clear: none; max-width: 36px; padding-right: 0px; margin-left: 5px;}

  #price_reservation{float: right; padding: 5px 10px; background: var(--corpri1); border-radius: 30px; color: #F0F0F0;}

  .wrapreservaform .dumperros{margin-top: 10px;}

  .inputreservaContacto{border-bottom: 1px solid #D5D5D5;}

  .reservaform .wrapsala .selectsala{background: transparent; border-bottom: 1px solid #000;}
  .reservaform .wrapinput input:not([type='checkbox']){background: transparent; border-bottom: 1px solid #000;}
  .reservaform .wrapinput select{background: transparent; border-bottom: 1px solid #000;}

}